SC 2.4.9 级别 AAA WCAG 2.0
链接目的(仅限链接本身)
2.4.4 的更严格 AAA 版本:链接文本本身——不依赖任何上下文——必须能够说明链接目标。即使上文已解释清楚,“阅读更多”单独出现仍不符合要求。此成功准则专为通过链接列表导航的屏幕阅读器用户而设计。
要求内容
这是去掉了安全网的 2.4.4 成功准则。在 AA 级,链接文本”在上下文中”即可通过——前一句话、周围的表格行、附近的卡片标题均可作为参考。在 AAA 级,链接文本本身必须足以说明目标。其应用场景是:屏幕阅读器用户打开链接列表对话框,逐一听取页面上的全部链接,完全脱离任何上下文;若”阅读更多”在列表中出现 12 次,用户便无从判断应选哪个。
这也是任何关注认知无障碍的团队值得参考的目标,因为自描述链接同样惠及有注意力缺陷多动障碍、阅读障碍和记忆障碍的用户。
如何达到要求
- 将所有通用行动召唤(“阅读更多”、“了解更多”、“查看”)替换为指向具体目标的文本:
"阅读 2026 年无障碍报告"。 - 对于设计上需要简短行动召唤的卡片布局,可在链接内通过
.visually-hiddenspan 隐藏额外说明:阅读更多 <span class="visually-hidden">关于 2026 年报告的内容</span>。 - 对于表格中重复出现的行级操作(编辑、删除),使用
aria-label注入行上下文:aria-label="编辑发票 INV-2204"。 - 避免依赖链接外部可见文本的
aria-labelledby链式引用——“以编程方式确定的上下文”例外条款仅适用于 AA 级,不适用于 AAA 级。 - 审计方法:提取页面上所有
<a>标签的文本,逐一判断每个链接文本单独出现时是否能说明其目标。
常见失败情形
- 卡片网格中 20 个”查看详情”链接,各自指向不同页面。
- 段落内的”此处”链接——即便句子本身表述清晰,链接文本单独出现仍不符合要求。
- 图片链接缺少替代文本、无可见文本、也无
aria-label。 - 分页链接仅显示
1 2 3 4 5,缺乏页面上下文(如”搜索’X’结果的第 3 页”)。 - “点击此处订阅”链接,其中”点击此处”是锚文本,“订阅”在链接之外。
重要性
屏幕阅读器的链接列表模式比逐行阅读更高效,许多有经验的 JAWS 和 NVDA 用户将其作为默认导航方式。符合 2.4.9 成功准则的 AAA 级,可使网站在该模式下完全可用。大多数以 AA 为目标的团队不会正式承诺这一成功准则,但将其作为所有新内容的文案规范加以采用,几乎不需要额外成本,却能悄然解决屏幕阅读器使用中最常见的痛点之一。