提高屏幕阅读器用户的可用性

引言

仅仅确保您的网站对屏幕阅读器用户可用，通常不足以确保这些用户能够以相对快速有效的方式找到他们想要的东西。即使您的网站对屏幕阅读器用户可用，其可用性也可能非常差，以至于他们根本没必要访问您的网站。

幸运的是，有许多易于实现的指南您可以遵循，这些指南不仅能大大提高屏幕阅读器用户的可用性，也能提高所有网页用户的可用性。

1. 描述性标题

页面标题的使用对屏幕阅读器用户来说是最重要的可用性功能之一，因为它能帮助他们更轻松地理解页面结构。虽然对于有视力的用户来说，页面上的文本可能看起来像一个标题，但它必须在HTML代码中被标记为标题，屏幕阅读器用户才能知道它是一个标题。

屏幕阅读器并不“看”网页——它们通过HTML代码来读取。如果一段文本在HTML代码中被称为标题，那么屏幕阅读器就会播报它是一个标题。如果不是，屏幕阅读器用户实际上并不知道一个在视觉上看起来像标题的内容实际上是不是一个标题。

使用标题对屏幕阅读器用户的另一个可用性好处是，这些用户可以调出页面标题列表并跳转到他们最感兴趣的页面部分。这与有视力的网页用户通过查看标题来浏览网页的方式非常相似。如果标题能够清晰地描述其下的内容，那么屏幕阅读器用户就能更容易地找到他们需要的信息。

2. 描述性链接文本

屏幕阅读器用户可以通过调出页面链接列表来浏览网页，并激活他们最感兴趣的链接。因此，像“点击此处”这样的非描述性链接文本应不惜一切代价避免使用，因为它在脱离上下文的情况下没有任何意义。

好消息是，使用描述性链接文本对所有人来说都代表着可用性的提升。当我们扫描网页时，链接文本是我们注意到的事物之一。“点击此处”对扫描网页的用户来说完全没有意义，迫使用户在周围文本中寻找以发现链接目的地。

3. 列表

在HTML代码中使用列表对屏幕阅读器用户来说非常有益，因为屏幕阅读器会在朗读列表项之前播报列表中项目的数量。这有助于用户在听到一系列项目（如网站导航）时知道会发生什么。

这与答录机在您收听留言之前告诉您有多少条留言的方式非常相似。通过告知您有多少条留言，您可以立即知道会发生什么。如果只有一两条留言，您大概能记住；如果更多，您可能会想拿笔和纸做笔记。

使用列表（使用 `<li>` 标签）只是代码中的一个后台更改，并不影响网站的视觉外观。

4. 逻辑线性化

屏幕阅读器用户通常需要从头到尾、从上到下、从左到右收听网页。而有视力的网页用户则几乎可以随机地浏览网页，发现页面上出现的任何重要信息。因此，重要信息应始终放在页面的顶部。

一个不这样做的例子是将表单的说明放在页面的底部。

将重要信息放在页面顶部实际上对所有人都有益，因为重要信息现在位于有视力用户首先关注的位置——页面的顶部。

5. 简短、精炼的 ALT 文本

ALT 文本是图像的替代文本，会被读给屏幕阅读器用户听。任何提供基本可访问性的网站都会提供此替代文本。有些网站试图过度解释图像传达的信息，迫使用户不得不听取大量不必要和无关的信息。

屏幕阅读器用户在浏览网站时通常比有视力的用户花费的时间更长，因此请通过简洁的 ALT 文本帮助他们更轻松地浏览。

6. 简短、前置的段落

前置意味着先给出结论，然后是内容（什么、为什么、何时、何地、如何）。通过先给出结论，屏幕阅读器用户可以立即了解段落的主题。然后他们可以决定是继续听下去，还是跳到下一个段落（他们可以使用屏幕阅读器轻松做到这一点）。如果段落很短，他们就可以这样做，而不用担心会错过额外的信息。

内容前置显然对所有人都有益，因为用户不再需要费力去寻找每个段落的重点。

7. 描述性的页面标题

页面标题是屏幕阅读器用户访问任何网页时听到的第一件事，因此它必须具有描述性。同样，这对所有人都有益，因为用户可以使用页面标题来定位自己并确认他们是否在他们认为的页面上。这对于使用拨号连接的网页用户来说尤其如此，因为页面标题会在页面其余部分显示之前的几秒钟内显示。

结论

有一些相对简单且无痛的方法可以提高屏幕阅读器用户的可用性。幸运的是，几乎所有这些方法都能提高所有网页用户的可用性，这意味着每个人都能从中受益——这总是一件好事。