You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

屏幕阅读器是否始终优先读取链接的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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.13 01:18:09