WebAIM -考虑网页的可访问性

和超文本链接
超文本链接

链接到同一页面上的锚

链接通常用于跳转到当前页面的另一个位置。上面的文章内容链接就是一个例子。页内链接可以提供很大的可访问性功能,特别是“跳过”链接绕过页面导航或链接以跳过链路或其他复杂或可能令人困惑的信息的冗长列表。

屏幕阅读器通常通过阅读“页内链接”来识别页内链接。但是,有视力的用户可能不会意识到链接跳转到同一页面的另一个位置。当浏览器页面没有改变时,用户可能会感到困惑。页面内链接通常应该呈现出来,这样在视觉上和/或上下文上就能明显看出它们是页面内链接。

链接到非HTML资源万博亚洲体育官网

用户通常应该注意指向非html资源的链接,比如PDF文件、Word文件、PowerPoint文件等等。万博亚洲体育官网然而,对于应该由内容作者还是浏览器来提醒用户,存在一些争论。问题是目前没有任何浏览器或屏幕阅读器会提醒用户,所以争论更多的是理论而不是实践。

例如,一个到PowerPoint幻灯片放映的链接可以是“第三季度销售预测(PowerPoint)”或类似的内容,而一个到PDF文件的链接可以是“1040纳税表(PDF)”或类似的内容。

重要的

在识别链接文件类型时,应呈现此附加内容内部链接,而不是仅仅在链接之后,这样当屏幕阅读器用户通过链接导航或阅读链接列表时,信息就会显示在链接中。

使用
< a href = " 1040。">税单1041 (pdf)
而不是
< a href = " 1040。">税单1041 (pdf) "

链接到新的Windows,弹出窗口,其他帧或外部网站

关于在新窗口、弹出窗口或其他框架中打开的链接的优点存在很多争论。有些人想要完全禁止它们。其他人承认它们有时是合适的,但几乎所有人都同意,当链接在当前窗口或框架中没有打开时,应该提醒用户。可访问性问题是一些用户可能会对新的窗口或选项卡感到困惑。更新的屏幕阅读器会在链接打开新窗口时提醒用户,但只有在用户单击链接之后才会提醒用户。较老的屏幕阅读器根本不会提醒用户。有视力的用户可以看到打开的新窗口,但有认知障碍的用户可能难以理解刚刚发生的事情。然后,当尝试在浏览器中单击Back按钮时,什么也不会发生,因为在新窗口或选项卡中没有可以返回的前一个链接。

与与非HTML文件,浏览器的链接一样可以可能执行警报用户的功能,但当前的浏览器不执行此功能。作者取决于提醒用户。作者可以通过将括号中的括号放置在链接结束时添加此信息,例如通过说“传记草图(打开新窗口)”。有些网站使用图标来传达相同的消息。各种网站使用的一些图标如下。

一张纸叠在另一张纸上,右边有一个红色的箭头指向右边 类似于上一个图标,但用蓝色箭头而不是红色箭头 箭头向外斜向右的盒子 一张纸,指向右侧的箭头 一张纸放在另一张纸上 两张纸中间有一个箭头 一个红色的盒子叠加在一个灰色的盒子上面 一个红色的箭头指向一个灰色的盒子 一个蓝色的圆圈,红色箭头向右指向它 一种环绕地球的环状物,类似于土星的环状物 一个指向地球仪的红色箭头

有时这些图标是用来表示链接到外部站点,而不是打开一个新窗口,因此可能会产生一些混淆。与上面的文件类型一样,这些图标(带有适当的替代文本)必须出现在链接中,而不是仅仅出现在链接之后。

请注意

有时背景图像(通常是CSS精灵的形式)被用来显示这些图标。因为背景图像不显示文本,并且不能提供替代文本,所以需要额外的努力来确保屏幕阅读器用户看到的内容与正常用户在背景图像中看到的内容相同。

看到我们的关于替代文本的文章为更多的细节。

组织的链接

相邻的链接

当使用屏幕阅读器时,有时会难以告诉一个链接结束以及相邻链路开始的位置有点难。下颚说“链接”在每个链接之前,这最大限度地减少了这个问题,但对其他屏幕读者来说可能有点困难。一个解决方案是在每个链路之间提供非链接字符。为此目的,垂直条(|)通常使用。另一种解决方案是将链接放在有序或编号的列表中。屏幕读者倾向于在列表项之间暂停,帮助用户可听地区分单独的链接。

链接的长列表

如果用户对叙述性内容而不是导航性内容感兴趣,那么听一长串链接可能会很麻烦。解决这个潜在问题的一种方法是提供“跳过”链接在顶部,允许用户跳过链接列表。这本质上与“跳过导航”链接的概念相同。页面上的主要内容导航内容(例如目录),可能是不必要的。

在很多情况下,如果链接列表被分割成带有描述性标题的小块,那么用户在理解长链链接时就不会太困难。较小的块为所有用户提供较少的认知负荷,这尤其有利于有认知障碍的用户。