试试这个:闭上眼睛,想象有人给你读一份页面上每个链接的列表,没有周围的文本——只有链接文本本身,一个接一个。如果列表听起来像“单击此处,单击此处,阅读更多信息,单击此处”,这正是许多屏幕阅读器用户所经历的,因为他们使用“链接列表”功能来快速导航文档。

简而言之 — 本指南涵盖的内容

  1. 为什么“点击此处”失败
  2. 如何编写良好的链接文本
  3. 当附近的上下文实际上足够时
  4. 这在 PDF 文档中如何工作

为什么“单击此处”失败

WCAG 标准 2.4.4(“上下文中的链接目的”)要求链接文本及其直接上下文解释其通向何处或执行什么操作。 “单击此处”和“阅读更多”会失败,因为它们本身什么也没说 - 它们完全依赖于周围的文本,而通过屏幕阅读器中的链接列表进行导航的用户根本听不到这些文本。

如何编写良好的链接文本

最简单的规则:链接文本应该描述目的地或操作,而不是点击机制。 “下载年度报告(PDF,2MB)”明显优于“点击此处下载报告”。 “阅读我们完整的隐私政策”比“单击此处了解更多详细信息”更好。对于可下载文件,最好在括号中记下类型和大小 - 这对所有用户都有帮助,而不仅仅是那些使用屏幕阅读器的用户。

说明图 有目的的链接文本与通用链接文本 名为“单击此处”的链接与具有描述性名称的链接之间的比较 链接文本说明了它的通向——即使没有上下文 点击这里 ❌ 浏览链接列表的屏幕阅读器只会听到“单击此处,单击此处,单击此处...” 下载年度无障碍报告(PDF,2MB) ✅ 经验法则:如果您将链接脱离上下文,文本应该仍然有意义
名为“单击此处”的链接在断章取义时什么也没说。带有目的文本的链接即使在链接列表中单独阅读也有意义。

当附近的上下文实际上就足够了

WCAG 并不要求链接文本在每种情况下都完全独立 - 您可以依赖直接上下文(相同的段落或相同的列表项),只要屏幕阅读器也可以访问该上下文,而不仅仅是视觉上。实际问题:文章列表中重复的“阅读更多”链接是边界情况的一个很好的例子 - 视觉上很清楚每个“阅读更多”属于哪篇文章,但在孤立的链接列表中它们听起来都相同。常见的解决方案:向视觉上隐藏但屏幕阅读器可访问的链接添加额外的文本(例如,“阅读有关 [文章标题] 的更多信息”),以便视觉显示和朗读版本都能正常工作。

💡实用技巧

一个快速的经验法则:单独大声朗读链接文本,周围没有任何内容。如果这样没有意义——它需要更好的文字。

它在 PDF 文档中的工作原理

在 PDF 文档中,链接被标记为标签树中的 Link 对象,其内部文本正是大声朗读的内容。从Word导出的文档中常见的问题是:将完整的URL作为链接文本本身粘贴(“https://example.com/very/long/path/document.pdf”)——屏幕阅读器会逐字母或逐段地读取整个地址,使其难以听。解决方法:用简短、清晰的描述替换链接文本,并将完整地址仅保留为目的地(URL 本身),而不是显示的文本。

想知道文档中哪些链接不清楚?

我们的工具可识别用作您网站上每个 PDF 文档中链接文本的通用链接和原始 URL。

免费扫描您的网站 ←