超越指南：高级可访问性技术

引言

在创建可访问的网站时，大多数网页开发人员和网站管理员倾向于遵循 W3C 可访问性指南。而且这样做是正确的——毕竟，它们是互联网上最全面的可访问性资源。

该W3C然而，可访问性指南，或者官方称之为 Web 内容可访问性指南，可以做得更进一步。遵循这些指南将使您的网站具有很高的可访问性（但请记住，它们只是“指南”，所以不应总是按字面意思理解）。但是，为了实现**终极可访问性**，也请尝试实现其中一些技术。

隐藏文本

隐藏文本对于屏幕阅读器用户来说非常有用。如果这些用户没有足够的文本来理解某个特定部分，那么您可以创建这些额外的信息并将其隐藏起来，以免被视力正常的用户看到。

对于屏幕阅读器用户来说，最常见和**最有用的页面元素**包括：

• 标题

  页面上的每个部分都应该在其前面放置一个标题。这样，屏幕阅读器用户就始终知道前一个部分已结束，新部分已开始。因此，在主导航开始之前，您应该插入一个标记为“站点导航”的标题。虽然这个标题对屏幕阅读器用户来说非常有用，但从视觉上看可能会显得有些难看，所以您可以将文本设为不可见。

• 表单标签

  每个表单项前面都必须有一个标签——否则，屏幕阅读器用户将不知道表单项是关于什么的。出生日期字段，分为三个单独的字段（日期、月份和年份），是未为每个表单字段提供表单标签的常见罪魁祸首。因此，将出生日期标签放在三个表单字段之前，然后在另外两个表单字段“出生月份”和“出生年份”之前插入一个不可见的标签。

• 跳过链接

  跳过链接是一个放置在文件最顶部的不可见链接。HTML它是页面内的相对链接，允许用户直接跳转到页面上的某个部分，通常是主内容。跳过链接对于屏幕阅读器用户和仅键盘用户来说非常有用，他们可以直接跳转到内容，而无需浏览导航。

简洁、前置且传统的链接文本

作为浏览页面的一种方法，屏幕阅读器用户可以调出页面上的链接列表，并跳转到他们最感兴趣的链接。众所周知，链接文本应该在脱离上下文的情况下也有意义，这确实是一条W3C指南。像“点击这里”这样的链接文本在这个列表中显然没有意义。链接文本也很关键，要

• 简洁——这样屏幕阅读器用户就可以快速轻松地浏览此列表。
• 前置——这样屏幕用户就可以立即理解链接的含义，如果他们不感兴趣，就可以跳到下一个。
• 传统——这样屏幕阅读器用户就可以对列表进行字母排序并跳转到他们正在寻找的链接（例如，如果“联系我们”链接被标记为“查询”，那么找到网站的电话号码会更困难）。

链接文本对于那些阅读在线内容有困难的用户也很重要，例如**屏幕放大镜用户**以及有**学习障碍和阅读障碍**的用户。对于这些用户来说，当他们浏览网页时，他们通常无法辨认出特定的单词——相反，他们会看到形状和颜色。任何高对比度的颜色显然都是链接，所以他们可以停下来阅读。

通过使链接文本简洁、前置并使用传统的链接文本，对于那些阅读在线内容有困难的用户来说，可以更容易地立即理解链接及其目标。

可见字体大小调整器

对于视力不佳或有限的网页用户来说，文本必须是可调整大小的——或者理论上是这样的。事实上，用户测试一次又一次地表明，**很少有网页用户真正知道如何调整文本大小**，或者这项功能甚至存在。

通过提供可见的字体大小调整器，所有用户都会意识到如果需要，他们可以调整文本大小。要了解如何将字体大小调整器添加到您的网站，请阅读关于样式表切换的文章。

（顺便说一句，如果您不知道如何调整文本大小，只需在 Internet Explorer 或 Firefox 中选择“查看 > 文本大小”；或者，在按住 Ctrl 键的同时滚动鼠标滚轮。）

将说明放在前面

如果您在网站上为任何类型的 funkcionalnost 提供说明，请确保说明放在 funkcionalnost 之前。这听起来很明显，但令人惊讶的是，这条规则被违反的次数如此之多。

**屏幕阅读器用户**会按照页面编写的顺序收听页面，因此如果任何说明出现在它们所关联的内容之后，那显然就太晚了。

将说明放在前面对于**屏幕放大镜用户**也至关重要。屏幕放大镜用户一次只能看到屏幕的一小部分，因此如果说明放在不起眼的地方，它们很可能会被忽略。

网页表单可能是包含说明最常见的 funkcionalnost 类型。请务必将任何说明放在表单上方而不是下方。放错位置的说明通常包括解释哪些字段是必填项以及错误消息。

大标题

标题对于所有用户快速有效地找到他们想要的内容至关重要。然而，它们对于任何阅读在线内容有困难的用户来说尤其有用，例如**屏幕放大镜用户**和有**学习障碍和阅读障碍**的用户。

当这些用户浏览网页时，他们通常无法辨认出单词，而是会看到形状和颜色。通过为标题使用大字体大小，这些用户可以轻松地识别出这些重要的标题。

链接的焦点状态

仅键盘用户可以通过制表符在链接之间（以及表单项之间）导航浏览网页。然而，在使用制表符方法时，有时很难确切地知道您在页面上的位置。通过为每个链接的焦点状态指定**背景颜色**，这些用户可以更容易地在页面上定位自己。

大链接目标

许多有运动障碍的网页用户将仅使用键盘浏览网站。一些用户仍然会继续使用鼠标，但控制能力相当有限，因此尽可能尝试增加链接目标的区域。当然，对于常规链接来说这是不可能的，但对于**垂直导航列表**来说，通过将样式 `display: block` 应用于每个链接，很容易将可点击区域扩展到整个列宽。

结论

该W3C可访问性指南当然很重要，但如果您希望您的网站真正可访问，那么还有更多工作可以做。遵循本文的建议当然是一个很好的开始！

本文由 Trenton Moss 撰写。他对 Web 易用性和可访问性非常着迷——着迷到他创办了自己的易用性和可访问性咨询公司（Webcredible），以帮助让互联网成为每个人更好的地方。他非常擅长运行焦点小组，并尽可能多地进行网站评估。