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

【问题标题】：making websites accessible to visually impaired people?让视障人士可以访问网站？
【发布时间】：2009-09-14 17:02:35
【问题描述】：

谁能给我一些提示或给我一些好的链接？

除了“在图像中添加替代文字”之外，我很难找到更多内容，而且我不确定信息的最新情况...

我了解了整个语义标记，但也可能需要更多指导。

也不确定在不同的浏览器中会如何工作。

【问题讨论】：

非常感谢大家的回复——我将在接下来的几周内更详细地研究这个问题，所以我会回来告诉你进展如何。再次感谢！

标签： html css accessibility

【解决方案1】：

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) 使用屏幕阅读器软件进行可用性测试。无法通过查看了解页面的可访问性。

【讨论】：

一些不错的提示。 +1。虽然我会改变你的 AJAX 点。 AJAX 可以用作出色的插件。一旦您的网站可以访问（即静态并正确标记），那么应该没有什么可以阻止您添加脚本以增加用户体验（只要网站在没有启用脚本的情况下仍然可用）
@Jamie Lewis - AJAX 无法通过名称访问。重点是独立于页面加载动态地提供新数据。如果其他可访问内容已更改的唯一指示是视觉指示，那么无论您打算如何使用它都无法访问。当这种情况发生时，需要付出很多努力才能抵消 AJAX 的优势以弥补可访问性。结果，AJAX 破坏了可访问性。为禁用的脚本提供替代内容不是 AJAX 的替代方法。

【解决方案2】：

我自己也完全失明了，你会惊讶于这么多年后还有多少东西没有 alt 属性……小心，那里仍然有很多神话，比如没有允许的图形（错误），talbes 不好（错误）和框架不好（错误，尽管我意识到框架由于其他原因不好。）理想情况下，如果您需要进一步的帮助，您应该让某人对您的网站进行盲测免费给我发电子邮件 westbchris@gmail.com。另一件事，尝试制作实际执行按钮和/或链接的控件。可点击的 div 并不酷，因为它们做任何事情并不明显，而且根据您使用的辅助技术，您甚至可能无法点击它们。

【讨论】：

【解决方案3】：

从 Alertbox 中查看此说明：

Disabled Users and the Web（这篇文章是 1996 年的……但问题仍然存在，如果不是今天更是如此）

...然后点击底部的链接，找到包含设计指南的 148 页报告（该文档的版权为 2001 年，因此它必须从原始版本开始更新）。

【讨论】：

【解决方案4】：

这方面的术语是可访问性。看看W3C's WAI Website。我一直认为Juicy Studio 是讨论可访问性的文章的宝贵资源。

【讨论】：

【解决方案5】：

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

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

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

编辑#2：正如在 cmets 中所讨论的，我打算传达的是，您不应该根据您使用屏幕阅读器的经验来判断网站的可用性。也就是说，我建议任何从事 Web 开发的人都接触过用于查看网站的浏览器/设备，包括屏幕阅读器。原始编辑中的措辞很糟糕。

【讨论】：

我尝试了一个屏幕阅读器（我使用的是 Mac，因此 Safari 中内置了一个），发现它非常有启发性。我同意你所说的关于用户测试而不是测试自己的说法，但我发现使用屏幕阅读器并了解它是如何工作的很有好处！
我想更合适的评论应该是“不要用屏幕阅读器来判断可用性” - 你当然是正确的，了解屏幕阅读器及其功能是有益的。

【解决方案6】：

好吧，似乎没有人提到 WAI-ARIA，它是用于无障碍富 Internet 应用程序的。 IE 使诸如 gmail 之类的东西可以访问。还有一个不错的搜索词可以找到像a list apart article on wai-aria 这样的东西。已经很受支持了。

【讨论】：