标准 · WCAG 2.2

SC 2.4.4 级别 A WCAG 2.0

链接目的(结合上下文)

每个链接的目的必须能从其链接文本中清晰辨识,或从链接文本结合其所在上下文中辨识——即其所在的句子、列表项、表格单元格或段落。屏幕阅读器用户常在脱离上下文的链接列表中逐一听取链接信息。

要求内容

当屏幕阅读器用户调出页面上所有链接的列表(一种常见的导航策略)时,他们听到的链接文本已脱离周围的正文。重复出现 15 次的”阅读更多”对他们毫无意义。本成功准则提供两种通过方式:链接文本本身具有描述性,或链接文本结合其程序化可确定的上下文(同一句子、同一段落、同一列表项、同一表格行,或 aria-label/aria-describedby)能够明确目标。

AA 级合规只需结合上下文即可。AAA 级要求参见成功准则 2.4.9。

如何满足

  • 尽可能编写自说明的链接文本:用 "阅读我们的 2026 无障碍报告",而非 "阅读更多"
  • 若设计要求使用通用的行动号召语,确保链接前的标题或段落已点明目标,且它们同属一个句子或列表项。
  • 对于卡片布局,可将整张卡片包裹在链接中,或使用 aria-labelledby 将链接指向卡片标题。
  • 仅在无法修改可见文本时才使用 aria-label 覆盖链接文本——例如,一个”→“图标链接需要读为”下一页:第 21–40 条结果”。
  • 在表格中,当行内上下文(相邻的名称单元格)已明确目标时,“编辑”或”删除”等链接文本可以通过。

常见失败

  • “点击此处""阅读更多""了解更多""这里”等文字在同一页面多次出现,却指向不同目标。
  • 产品卡片下方有一组相同的”查看”按钮,产品名称位于标题中,但未以程序化方式关联到链接。
  • “下载”链接未说明所下载的内容,也没有提供说明的 aria-label 或上下文。
  • 图像链接的 alt 文本为空,周围也无文本标签——屏幕阅读器会宣读 URL。
  • 同一页面的链接列表中”更多信息”出现 30 次,每次指向不同文章。

重要性

快速扫描是屏幕阅读器用户浏览长页面的方式。链接列表和标题列表是他们的两张主要地图。一个充斥着”阅读更多”链接的页面,对听觉来说,就如同一份印刷页面上所有链接都被空白下划线取代——技术上可导航,实际上毫无用处。修复本成功准则几乎总能同时提升 SEO 和转化率,因为描述性链接文本对所有人都有益。