Web 让视障人士可以访问网站？

有人能给我一些提示或者给我一些关于这个的好链接吗

我很难找到比“将alt文本添加到图像”更多的内容，我不确定信息的最新程度

我了解语义标记的全部内容，但可能还需要更多的指导

也不确定不同浏览器之间的工作方式

---

谢谢

从Alertbox中查看此说明：

（这篇文章来自1996年……但这些问题仍然成立，如果不是今天更成立的话）

---

…然后按照底部的链接，找到148页的报告和设计指南（该文档2001年受版权保护，因此它必须从原始版本开始更新）。

此术语是可访问性。请看下面的图片。我总是发现，对于讨论可访问性的文章来说，这是一个非常宝贵的资源。

有一些很难掌握和实现的深入定义。例子包括和

一个不太正式的建议是让你的网站易于通过文本浏览器浏览。不要依靠颜色或结构来传达内容。重要功能不要依赖小部件

编辑：我想补充一点，您不应该费心用JAWS或其他屏幕阅读器测试您的站点。你无法浏览一个网站更多的是因为你对屏幕阅读器缺乏经验，而不是因为你无法访问这个网站。这就是说，让你的目标受众样本测试你的网站的可用性是非常有益的

---

编辑#2:正如评论中所讨论的，我想表达的是，你不应该根据你使用屏幕阅读器的经验来判断网站的可用性。也就是说，我建议Web开发人员接触用于查看Web站点的浏览器/设备，包括屏幕阅读器。原始编辑中的措辞很糟糕。

我自己完全失明，你会惊讶地发现，这么多年来，有多少东西仍然没有alt属性。。。请小心，仍然有很多神话存在，例如不允许使用图形（错误），talbes是坏的（错误）和帧是坏的（错误，虽然我意识到帧是坏的其他原因）。理想情况下，你应该有人谁是盲目的测试你的网站，如果你需要进一步的帮助，请随时发电子邮件给我westbchris@gmail.com. 还有一件事，试着让控件实际执行按钮和/或链接的操作。可点击的div并不酷，因为它们做什么都不明显，而且根据您使用的辅助技术，您甚至可能无法点击它们。

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

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

3） 不要使用JavaScript动态更改屏幕上的内容，除非首先提示用户文本将更改。如果JavaScript在屏幕阅读器读取内容之前更改了屏幕上的文本，那么视觉上不突出的用户就无法知道内容已更改

4） 不要为用户提供1000张图片。如果一个图像没有传达相关的内容，那么将其作为CSS背景图像

5） 对title属性要有礼貌，尤其是在锚定标签上。这可以告诉用户他们将要去哪里

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

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

8） AJAX破坏了可访问性。善用AJAX

9） 视觉上被刺穿的用户，实际上几乎所有的视觉用户，都不在乎你的页面有多漂亮。他们在那里是为了获取信息、购物或其他任何特定目的。使您的数据易于理解和快速检索。如果用户无法进入，得到他们想要的，然后在创纪录的时间内离开，他们将永远不会回来

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

11） 如果您的内容从上到下以不同于HTML的视觉顺序存在，则很可能无法访问。保持事物的有序性和一致性。用户期望内容从上到下流动，而标签索引则遵循内容的流动

---

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

好吧，似乎没有人提到WAI-这是用于可访问的富Internet应用程序的。也就是说，让像gmail这样的东西可以访问。还有一个不错的搜索词，可以找到这样的东西。已经很受支持了。

一些不错的提示+1.尽管我会改变你的观点。AJAX可以用作出色的附加组件。一旦您的站点可以访问（即静态和正确标记），那么就不应该有任何东西阻止您添加脚本以添加到用户体验中（只要站点在未启用脚本的情况下仍然可用）@Jamie Lewis-AJAX无法通过名称访问。整个要点是独立于页面加载动态提供新数据。如果以其他方式可访问的内容已更改的唯一指示是视觉指示，则无论您希望它如何可用，它都无法访问。当这种情况发生时，需要花费大量的努力来抵消AJAX的好处，以补偿可访问性。结果，AJAX破坏了可访问性。提供铝