这是什么
链接文字就是链接实际可点击的文字——在「点击这里查看我们的价格」中,「点击这里」就是链接文字,尽管「价格」才是这句话中真正承载意义的词。这项检查寻找那些带有模糊、通用文字的链接,比如「点击这里」「阅读更多」或「链接」,而不是能表明链接实际指向何处的描述性文字。
许多屏幕阅读器都有一个功能,让用户可以调出一个页面上所有链接的列表,完全脱离周围句子的上下文,专门用来快速在页面中跳转——而这正是通用链接文字会失效的场景。
为什么重要
当屏幕阅读器用户脱离上下文调出那个链接列表时,一个满是「点击这里」或「阅读更多」的页面,无法让他们区分一个目的地和另一个目的地——他们得到的只是一份内容相同、毫无意义的列表,而不是真正有用的方式去浏览页面内容。即使不使用那个特定功能,在句子中间听到一个链接被简单朗读为「点击这里」,在决定是否跟随它之前,也完全没有给出它指向何处的提前提示。
这是一个纯粹靠文字、无需代码的修复——与许多无障碍问题不同,它不需要任何技术改动,只需要为同一个链接选择不同的措辞。
如何解决
- 在你页面的内容中搜索通用的链接短语,比如「点击这里」「阅读更多」「了解更多」或「链接」——这些被用作整个可点击文字的情况。
- 重写每一个,让链接文字本身描述目的地——例如用「查看我们的价格方案」代替「点击这里查看价格」。
- 对于文章摘要后面的「阅读更多」链接,考虑把文章自己的标题变成可点击的链接文字,而不是用一个单独的通用短语。
- 对于仅有图标的链接(比如社交媒体图标),像修复仅有图标的按钮那样,为它们配上描述目的地的
aria-label。 - 用免费屏幕阅读器(NVDA 和 VoiceOver 都有)的链接列表功能测试,确认现在每个链接单独朗读出来都能读作清晰、有意义的内容。