让视障人士可以访问网站?

1)对页面上的每个内容部分使用HTML的标题标记。标题标签为:h1、h2、h3、h4、h5、h6

2)确保前面提到的标题标签具有正确的继承顺序。例如,h1标记比h2标记重要。屏幕阅读器使用这些标题标记来导航页面的内容。如果它们不存在或顺序不正确,则视觉刺穿的用户无法导航页面的内容。

3)在没有提示用户文本将要更改的情况下,不要使用javascript动态更改屏幕上的内容。如果javascript在屏幕阅读器能够读取内容之前更改了屏幕上的文本,那么视觉刺穿的用户就无法知道内容已经更改。

4)不要给用户提供1000张图片。如果一个图像不能传达相关的内容,那么将其设置为CSS背景图像。

5)优雅地使用标题属性,尤其是锚标记。这可以告诉用户他们要去哪里。

6)不要将文本放在无法作为替代内容传送的图像上。视觉上刺穿的图像不能读取图像。

7)确保所有元数据都是相关的。如果您更改了任何内容,请确保不要忘记描述性数据的额外部分。

8)Ajax会破坏可访问性。善待使用Ajax。

9)视觉冲击,实际上几乎所有的视觉用户,都不关心你的页面有多漂亮。他们是为了获取信息、购物或任何其他特定目的。使您的数据易于理解和快速检索。如果一个用户不能进入,得到他们想要的,然后在记录的时间离开,他们永远不会回来。

10)不要在HTML中使用任何表示标签或表示属性。使用样式表。如果HTML包含表示约定,则它们可能不可访问。

11)如果您的内容在视觉上的顺序与它在HTML中从上到下的顺序不同,那么它很可能无法访问。保持秩序和一致。用户希望内容从上到下流动,并且标签索引将遵循内容流。

12)使用屏幕阅读器软件进行可用性测试。不可能通过查看来了解页面的可访问性。

我自己完全失明了,你会惊奇地发现,这么多年来,有多少东西仍然没有alt属性…小心,仍然有很多神话,例如不允许图形(错误),Talbes是坏的(错误),帧是坏的(错误,尽管我知道帧是坏的,其他原因)。理想情况下,你应该有一个盲人测试你的网站,如果你需要更多的帮助,请随时发邮件给我westbchris@gmail.com。另一件事是,尝试使控件实际执行按钮和/或链接。可点击的潜水器并不酷,因为它们做任何事情都不明显,而且取决于你使用的辅助技术,你甚至可能无法点击它们。

从警报框中查看此说明:

Disabled Users and the Web (这篇文章是从1996年开始的……但现在的问题仍然是真的,如果不是更多的话)

…然后按照下面的链接使用设计指南链接到148页的报告(该文档的版权为2001年,因此必须从原始文档开始更新)。

这一术语是可访问性。看看 W3C's WAI Website . 我总能找到 Juicy Studio 成为讨论可访问性的文章的宝贵资源。

有一些深入的定义很难掌握和实现。示例包括 Web Content Accessibility Guidelines (WCAG) 和 Section 508 .

一个不太正式的建议是使用文本浏览器使您的网站更容易导航。不要依赖颜色或结构来传达内容。不要依赖小部件实现重要功能。

编辑 :我想补充一下,您不应该费心用jaws或其他屏幕阅读器来测试您的站点。你不能浏览一个网站,与其说是因为你没有阅读屏幕的经验,不如说是因为你无法访问网站。也就是说,让你的目标受众的样本测试你的网站的可用性是非常有益的。

编辑第2页: 正如评论中所讨论的,我想表达的是,你不应该根据你在屏幕阅读器上的经验来判断一个网站的可用性。也就是说,我建议在Web开发中的任何人都要接触用于查看网站(包括屏幕阅读器)的浏览器/设备。原来的编辑措词不好。

好吧,看起来没人提过Wai- ARIA 用于可访问的富Internet应用程序。例如让Gmail这样的东西可以访问。还有一个不错的搜索词来查找类似的东西 a list apart article on wai-aria . 已经得到了很好的支持。