链接怎样一眼认出图解:默认状态可识别;链接名说明目标;检查键盘焦点。
阅读口径

以正文中的普通网页链接为主要情境,导航栏和按钮仍需结合自身形状与上下文判断。

颜色承担提示而非全部意义

如果一段正文只有某几个词变蓝,读者可能把它理解成强调而不是入口。给正文链接添加稳定的下划线,并用“查看色板记录方法”这样的目标描述,让链接在颜色不明显时仍能被识别。

状态不要打乱辨识

悬停可以增强反馈,但触屏上没有持续悬停状态。键盘焦点也应清楚可见。链接默认状态就要有线索,而不是只有鼠标移入才出现下划线;访问过的颜色变化不应让文字融进背景。

原创练习:配色文章内链

把句子“更多内容点这里”改为“按色板记录表保存本次修改”,只链接目标名称并保留下划线。读者先扫链接文字,就能知道将进入记录方法页面,而无需猜测“这里”指向什么。

可执行检查单

  1. 01找出正文内全部可点击文字,先检查默认状态的识别线索。
  2. 02将含糊链接词改成目标内容或动作名称。
  3. 03用键盘逐个移动焦点,确认焦点位置与文字都容易辨认。

一个常见问题

加了下划线就完成无障碍了吗?

没有。下划线解决的是部分识别问题,还要看链接文字、焦点可见性、点击区域和阅读顺序。WCAG 的“颜色使用”准则说明颜色不应成为传达信息的唯一视觉方式,本页只处理这一部分。

避免装饰与链接冲突

不要给大量不可点击的强调文字加相同下划线。若要强调术语,可用粗体或清楚的小标题,让页面中的视觉约定保持一致。

来源与适用范围

W3C:理解颜色的使用(1.4.1)。这是 W3C 对相应成功准则的解释文档。本站用自己的例子说明应用,不代表标准机构认可本站,也不等于整站合规评估。