屏幕阅读器是否始终优先读取链接的aria-label?含无焦点浏览场景疑问
屏幕阅读器无焦点浏览时,带aria-label的链接会如何朗读?
我们正在打造完全无障碍的网站,清楚如果链接已有锚文本,应尽可能避免使用aria-label。比如下面这种不推荐的写法:
<p>Please click <a href="example.com" aria-label="here to read more on accessibility">here</a>.</p>
(对应中文场景示例:<p>请点击 <a href="example.com" aria-label="点击此处了解更多无障碍内容">这里</a>。</p>)
针对你的问题:不管是链接获得焦点时,还是无焦点的文档浏览模式下,屏幕阅读器都会优先读取aria-label的内容,而忽略原本的锚文本。
WAI-ARIA规范明确了aria-label的优先级高于元素的原生文本内容,这个规则不区分元素是否处于焦点状态。也就是说,当你用屏幕阅读器的虚拟光标(比如NVDA的浏览模式、VoiceOver的转子导航)扫过这个链接时,听到的会是aria-label里的内容,而不是锚文本“here”(或中文场景的“这里”)。
不过还是要再强调:这种写法本身违背无障碍最佳实践。当锚文本能明确传递链接意图时,额外添加aria-label会导致视觉用户看到的内容和屏幕阅读器用户听到的内容不一致,反而降低体验,所以能不用就不用。
内容的提问来源于stack exchange,提问作者Leni
相关产品推荐
相关产品推荐

