谁能给我一些提示或给我一些好的链接？
我很难找到比“在图像中添加替代文字”更多的东西，而且我不确定信息的最新情况......
我得到了整个语义标记的东西，但也可能需要更多的指导。
也不知道在不同的浏览器上会如何工作....
谢谢！
问问题
575 次
6 回答
6
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) 使用屏幕阅读器软件进行可用性测试。通过查看无法知道页面的可访问性。
于 2009-09-14T17:17:43.680 回答
4
我自己完全瞎了，你会惊讶于这么多年后还有多少东西没有 alt 属性......小心，那里仍然有很多神话，比如不允许使用图形（错误），talbes 是坏的（错误的）和框架是坏的（错误的，虽然我意识到框架是因为其他原因而坏的。）理想情况下，你应该让某人对你的网站进行盲测，如果你需要进一步的帮助，请随时通过电子邮件发送我在 westbchris@gmail.com。另一件事，尝试制作实际执行按钮和/或链接的控件。可点击的 div 并不酷，因为它们做任何事情并不明显，并且根据您使用的辅助技术，您甚至可能无法点击它们。
于 2009-09-14T17:12:37.450 回答
0
从 Alertbox 中查看此说明：
残疾用户和网络（这篇文章是 1996 年的……但问题仍然存在，如果不是今天更是如此）
...然后点击底部的链接，进入带有设计指南的 148 页报告（该文档受版权保护 2001，因此它必须自原始版本以来已更新）。
于 2009-09-14T17:06:03.647 回答
0
这方面的术语是可访问性。看看W3C 的 WAI 网站。我一直发现Juicy Studio是讨论可访问性的文章的宝贵资源。
于 2009-09-14T17:06:43.750 回答
0
有一些难以掌握和实施的深入定义。示例包括Web 内容可访问性指南 (WCAG)和第 508 节。
一个不太正式的建议是让您的网站易于使用文本浏览器导航。不要依赖颜色或结构来传达内容。不要依赖小部件来实现重要功能。
编辑：我想我会补充一点，你不应该费心用 JAWS 或其他屏幕阅读器测试你的网站。您无法浏览网站将更多地与您对屏幕阅读器的缺乏经验有关，而不是与该网站的不可访问性有关。也就是说，让您的目标受众样本测试您的网站的可用性是非常有益的。
编辑#2：正如评论中所讨论的，我打算传达您不应该根据您使用屏幕阅读器的经验来判断网站的可用性。也就是说，我建议任何从事 Web 开发的人都接触过用于查看网站的浏览器/设备，包括屏幕阅读器。在原始编辑中措辞很差。
于 2009-09-14T17:12:05.397 回答
0
好吧，似乎没有人提到用于 Accessible Rich Internet Applications 的WAI- ARIA 。IE 使诸如 gmail 之类的东西可以访问。还有一个不错的搜索词，可以在 wai-aria 上找到类似这样的列表。已经很受支持了。
于 2011-05-06T23:29:08.670 回答