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

Question

任何人都可以给我一些提示或与我联系一些好的链接吗？

我找不到比向图片添加替代文字更多的内容，而且我不确定信息的当前状态...

我得到了整个语义标记的东西，但也可能对此有更多的指导。

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

谢谢！

Answer 1

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

Answer 2

我自己完全失明了，你会惊讶地发现这些年来仍有多少东西没有alt属性......小心，那里还有很多神话，比如没有图形允许（错误），图标是坏的（错误的）和框架是坏的（错误，虽然我发现框架由于其他原因是坏的。）理想情况下，你应该有一个人盲目测试你的网站，如果你需要进一步的帮助这个感觉可以发送电子邮件至westbchris@gmail.com。另一件事，尝试制作实际按钮和/或链接的控件。可点击的div并不酷，因为他们做任何事情并不明显，根据您使用的辅助技术，您可能甚至无法点击它们。

Answer 3

从Alertbox中查看这个解释：

残疾用户和网站（文章来自1996年...但问题仍然存在，如果不是今天更多的话）

...然后点击底部的链接到148页面报告与Design Guidlines（该文件是版权所有2001，因此它必须自原始版本更新）。

Answer 4

这个术语是辅助功能。请查看 W3C的WAI网站。我总是发现 Juicy Studio 是讨论可访问性的文章的宝贵资源。

Answer 5

有深入的定义难以掌握和实施。示例包括 Web内容可访问性指南（WCAG）和 Section 508 。

官方建议不是通过文本浏览器轻松浏览您的网站。不要依赖颜色或结构来传达内容。不要依赖小部件来获得重要的功能。

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

编辑＃2：正如评论中所讨论的，我打算告诉您，您不应根据您使用屏幕阅读器的经验来判断网站的可用性。也就是说，我建议Web开发中的任何人都可以看到用于浏览网站的浏览器/设备，包括屏幕阅读器。原始编辑中的措辞很差。

Answer 6

好吧，看起来没人提到WAI- ARIA 可访问的富Internet应用程序。 IE使得gmail可以访问。这是一个不错的搜索词，可以找到像这样的一篇关于wai-aria的文章清单。已经非常支持。