实施可访问性时最常见的10个错误

试图构建可访问网站的 Web 开发人员经常一次又一次地犯**同样的错误**。虽然他们非常努力，但有时他们的过度热情会妨碍他们，并实际上阻碍了他们网站的可访问性。

以下 10 条准则告诉您不要做什么，这样您就不会犯同样的常见可访问性错误……

1. 不要使用冗长的 ALT 文本

可访问的 Web 开发人员经常在图片上添加过多的 ALT 文本，希望这能帮助屏幕阅读器用户。信息图片的 ALT 文本应该**简短而简洁**，并且包含与图片中相同的信息，不多也不少。

装饰性图片应始终赋予空 ALT 文本，或者 alt=""，以便屏幕阅读器忽略它们。分配没有实际价值的 ALT 文本会使屏幕阅读器用户更难浏览页面，因为他们会收到大量不必要的内容。

2. 不要使用随机字符分隔链接

最细微的可访问性准则之一规定，相邻链接应使用非链接文本分隔。此准则存在的原因是一些非常旧的 Web 浏览器在相邻链接时遇到问题，导致它们最终使所有相邻链接指向同一页面。

此准则**不再相关**，但经常导致可访问的 Web 开发人员在链接之间插入不可见字符（通常是竖线）。不幸的是，每一条竖线都会被屏幕阅读器用户宣布为“竖线”，这当然是没有意义的，并使用户更难浏览页面。

3. 不要为了方便而向空表单字段插入文本

另一条**旧的和过时的准则**规定，任何空表单字段都应包含占位符文本。此准则最初存在是因为非常旧的屏幕阅读器无法始终识别空表单字段。

所有主要的屏幕阅读器现在都能识别空表单字段（并且已经这样做了很长时间），因此可以安全地忽略此准则，并且不要在表单字段中插入无意义的文本。事实上，屏幕阅读器通常不会读取占位符文本，因此屏幕阅读器用户可能会在不知情的情况下在占位符文本之外输入他们的文本。

4. 不要使用访问键

您可以为任何链接或表单项分配访问键，以便为它们提供键盘快捷方式。理论上，这听起来是个好主意，因为屏幕阅读器和仅键盘用户应该能够轻松地从任何页面的任何位置激活关键链接。

但是，不应使用访问键，因为它们会**覆盖屏幕阅读器的键盘快捷方式**，从而导致关键的屏幕阅读器功能变得无用。访问键的另一个问题是它们没有约定，因此少数使用它们的网站以它们选择的任何方式使用它们。网站访问者不太可能花时间去适应您网站的特定访问键。

5. 不要使用表格摘要（除非它确实增加了价值）

表格摘要可以插入到任何 HTML 表格中，本质上是对表格内容的总结。屏幕阅读器会在读取表格内容之前朗读表格摘要，从而在收听整个表格之前提供表格内容的摘要。

布局表格应始终**省略表格摘要**。使用表格布局的网站有时会有“布局表格”的表格摘要，这当然没有任何价值。

即使是数据表格，也只有在页面上关于表格的信息不足时（这通常不是这种情况）才需要表格摘要。

6. 不要忽视内容

内容在任何网站上的构建方式都是可访问性的重要组成部分。一个网站可能代码完美，并符合最高的编码标准。但是，如果其内容结构不良，那么对于一些特殊需求的网络用户来说，该网站将难以甚至不可能使用。

有一些**重要的可访问内容注意事项**，其中一些包括：

• 将内容前置，使每个段落都以结论开头
• 确保内容已分解为易于管理的块，并带有描述性的副标题
• 在适当的地方使用列表
• 确保使用简单明了的语言

7. 不要太担心可访问性声明

许多试图提供卓越可访问性的网站创建了冗长且他们认为有帮助的可访问性声明。通常，这些页面包含有关网站可访问性功能、如何调整文本大小等信息。

实际上，残障人士**很少查看可访问性声明**。作为网络用户，我们倾向于不查阅任何网站的“帮助”指南——相反，我们摸索着尝试完成我们的目标。虽然创建一个可访问性声明页面没有错，但没有必要花费太多时间，因为它实际上不会被使用。

8. 不要纠结于首字母缩略词和缩写

在 HTML 中声明某事物是首字母缩略词还是缩写很容易，只需使用 <acronym> 或 <abbr> 标签即可。然后可以在该标签内扩展完整的首字母缩略词或缩写。

然而，大多数**屏幕阅读器不支持这些标签**，因此它们对这些用户几乎没有好处。它们受益的用户是视力正常、使用鼠标的网络用户——当他们将鼠标悬停在其中一个项目上时，首字母缩略词或缩写的完整展开会作为工具提示出现。这当然可以被视为一项小型可用性增强功能，但并不真正算作可访问性优势。

9. 不要更改 Tab 键顺序（除非有非常好的理由）

tabindex 属性可用于更改页面上的 Tab 键顺序，但很少需要。**默认的 Tab 键顺序通常非常合乎逻辑**，不需要更改。

屏幕阅读器和仅键盘用户按照它们在源代码中的放置顺序在链接和表单项之间进行 Tab 键切换。HTML只要用户在每个部分中大约从左上角到右下角进行 Tab 键切换（他们会的），那么 Tab 键顺序就完全足够了。

10. 不要忘记使用屏幕阅读器进行收听

在构建可访问网站时，不要忘记在构建过程中**不断测试页面**。特别是，您需要使用屏幕阅读器收听它们，以检查您实施的可访问性功能是否按计划工作。

例如，如果您插入了不可见文本以帮助使用 display: none; 的屏幕阅读器用户，您会发现它实际上不会被朗读出来。屏幕阅读器会忽略具有此命令的文本，CSS因此请将文本定位在屏幕外。

本文由 Trenton Moss 撰写。Trenton 对 Web 可用性和可访问性非常着迷——如此着迷，以至于他创立了 Webcredible，这是一家行业领先的 用户体验咨询公司，以帮助使互联网成为对每个人都更好的地方。他非常擅长举办 CSS 培训，并将大部分时间用于开发世界上最 可访问的内容管理系统 (CMS)。