我正在尝试遵循一个非常重要的标准，我必须承认我直到最近才忽略了它。我想确保大部分残障人士可以访问我的页面。我主要侧重于文本和图像密集型的教程，但没有视频/ Flash或任何形式的动画。

我可以遵循的清单是什么，以确保许多残疾人可以拥有一个良好的生活。使用我的网站的经历，以及我应该最注意哪些障碍？

我知道我无法取悦所有人。我已经阅读过W3C指南，但是我不确定要适用什么标准。我不是在构建Web应用程序，而是在构建大多数Wiki，例如信息交流，博客和偶尔的论坛。

评论

uxexchange.com？

#1 楼


确保每个图像都有替代文本。
请确保您的配色方案适合有色盲的人。
为视障者提供高对比度的布局或大文本布局。
确保从上下文中读取时，您的链接有意义（即，不要只写“单击此处”）。
如果用户不支持JavaScript，请确保您的网站仍提供完整的基本功能。

W3通过其网站提供了一些有关辅助功能的基本提示。乔·克拉克（Joe Clark）拥有他的“建立可访问的网站”一书的在线版本，该书可免费查看，其中包含许多有用的信息。

评论

对于“替代文字”规则有一些警告。不幸的是，我与那些将其视为一成不变的规则的人一起工作-即，每个图像都必须具有alt属性。然后，他们在徽标图像中添加诸如“我们公司的徽标”，并在与Twitter帐户链接的图像中添加“蓝色大”。

– Bobby Jack
2010年8月4日在17:14
有了alt标签，我相信每张图片都应该有一张。使用屏幕阅读器时，您需要告诉它该怎么做。如果您的图像只是为了视觉上的吸引力而没有其他值，请使用alt =“”，以便屏幕阅读器知道忽略它。如果您的图像是图形或标题，请确保在alt标记中包含该信息，以使屏幕阅读器以及禁用图像的人员不会错过。

–ph33nyx
19-09-16在15:59

#2 楼

进行标记语义化是迈向可访问性的重要一步，如果可以在不应用任何CSS的情况下浏览您的网站，并且内容有意义，那么其他所有内容都只是视觉上的肉汁！

评论

在裸CSS日上还有更多的乐趣:)

– Tim Post
2010年8月4日13:06
哈哈，自然！但是，严重的是，很多人认为可访问性与设计有关，这是完全相反的，如果您可以制作内容使其无需任何设计就可以工作，那么机器（以及人类）将始终可以访问它。

–托比
2010年8月4日在13:10

#3 楼

首先，“残疾人”什么都不是！

所以让我们看看一些需要检查的人是否可以成为您的网站。

一个穷人只能有一本带有小屏幕的笔记本电脑

您只需要检查您的网站是否可以在浏览器窗口较小时使用，而不会感到太痛。

色盲人

有人可以使用您的网站而没有看到图标等的颜色，是否像您在黑白监视器上看到的那样。

网站不佳的人。

当您在浏览器中更改字体大小时，网站上的所有文本是否都变大了，布局仍然可以吗？该网站还可以在小型显示器上使用吗？

您的网站是否使用高对比度版式，如果不是这样，用户是否容易切换到高对比度版式？

不能使用鼠标的人

以前从未使用过您网站的人可以使用键盘访问所有功能/信息。 （Tab键是否可以通过有用的方式起作用？） >不擅长学习新事物的人。

您的用户是否基于其他网站的设计，您的用户已经知道如何使用？

盲人。

这是一个很困难的东西，您所阅读的大部分内容都不适合比赛！！
首先解决我们所有其他的访问问题，因为还有很多视力不好的人，或者

接下来了解您的目标，例如，如果您的网站是酒店预订网站，则最好提供收费电话号码进行预订，然后只需提供酒店信息即可。


大多数盲人发现很难使用
他们以前从未使用过的任何交互式网站
，但是
网站设计得很好。
br />

那么，您应该提供无网络选项吗？ （电话？拜访他们的人来帮助填写表格等吗？）

首先可以在没有任何图像的情况下使用您的网站吗？ （Alt文本是这样做的一种方法）

鉴于语音软件从上到下阅读站点，您的站点可以这样理解吗？

很难为了使具有复杂导航功能的网站易于供绑定人员使用，而且绑定人员也无法知道页面的一部分已被JavaScript更新，因此需要再次阅读。更改状态的项目颜色也不是一个好选择。

学习如何使网站对绑定人有效的唯一方法是查看绑定人如何在屏幕上使用屏幕阅读器一些网站。这些标准中没有一个是足够好的，它们只是告诉您不应该做的事情，但是仅仅遵守这些标准是不够的（除非您像新闻报纸网站一样被提供静态文本）。

评论

我喜欢这个答案的第一句话！ （当然还有其他句子）

– Tim Post
2010年8月6日15:41


#4 楼

您可以使用此站点快速查看合规性：http://wave.webaim.org/

它执行与旧的“ Bobby”系统类似的工作，该系统已关闭了两个年前。

#5 楼

荷兰政府使用此站点测试其站点的可访问性。看一看...您也可以进入您的网站以测试其可访问性的当前状态...

http://www.webrichtlijnen.nl/english/

#6 楼

我发现马克·皮尔格里姆（Mark Pilgrim）的可免费下载的书籍《深入了解专业知识》是该主题的有用参考点。它是从2002年开始的，但仍然非常相关。像“使用正常降级”这样的建议不会老掉。

#7 楼

WAI-ARIA看起来现在可以成为我们辅助功能库的补充。

有关WAI-ARIA的一些信息-http://www.alistapart.com/articles/waiaria

#8 楼

我认为您必须使用此网站http://www.totalvalidator.com或可用的firefox插件。它具有多个残疾验证功能，并将标记所有遗漏的内容。

#9 楼

＃1答案很简单：编写有效的，语义正确的HTML / CSS！上面的所有建议都是好的。这是我几年前写的清单，显示了您应该在所有站点上检查的几件事：https://forge.iowa.gov/wiki/index.php/Web_Checklist。假定您有FF上的Web Developer工具栏，但是它是免费的并且很容易获得。

我觉得有几件简单的事情可以带来真正的改变：


对于表格，请确保使用LABEL标签。它为单选按钮之类的内容提供了一个更大的可点击
区域，并且还为屏幕阅读器将这些内容捆绑在一起。

我觉得经常被滥用的另一件事是h1，h2， h3 ...
标签。如果使用得当，它们可以帮助某人轻松浏览您的
页面。如果我们只是随意设置样式并使用它们，那将很容易误导
屏幕阅读器和其他无鼠标I / O设备。

允许正在导航的人也很好您的页面没有
所有漂亮的CSS和图像，就可以跳过重复的代码进入
内容。通常使用隐藏在CSS中的SKIP链接来实现此目的。例如，使用<a href="#skipnav" class="noshow">Skip past navigation to content.</a>可以跳过冗长的导航。


如Tony所述，最好的测试之一是剥离页面的所有花哨功能。看看是否仍然有意义。

评论

关于ALT标签...每个图像都应有ALT标签。如果图像是内容，则它在ALT标记中应该有描述性的内容，如果只是装饰，请使用空引号alt =“”表示屏幕阅读器（例如JAWS）可以通过它们。

–ph33nyx
2011-09-12 14:20