阅读口径
以正文中的普通网页链接为主要情境,导航栏和按钮仍需结合自身形状与上下文判断。
颜色承担提示而非全部意义
如果一段正文只有某几个词变蓝,读者可能把它理解成强调而不是入口。给正文链接添加稳定的下划线,并用“查看色板记录方法”这样的目标描述,让链接在颜色不明显时仍能被识别。
状态不要打乱辨识
悬停可以增强反馈,但触屏上没有持续悬停状态。键盘焦点也应清楚可见。链接默认状态就要有线索,而不是只有鼠标移入才出现下划线;访问过的颜色变化不应让文字融进背景。
原创练习:配色文章内链
把句子“更多内容点这里”改为“按色板记录表保存本次修改”,只链接目标名称并保留下划线。读者先扫链接文字,就能知道将进入记录方法页面,而无需猜测“这里”指向什么。
可执行检查单
- 01找出正文内全部可点击文字,先检查默认状态的识别线索。
- 02将含糊链接词改成目标内容或动作名称。
- 03用键盘逐个移动焦点,确认焦点位置与文字都容易辨认。
一个常见问题
加了下划线就完成无障碍了吗?
没有。下划线解决的是部分识别问题,还要看链接文字、焦点可见性、点击区域和阅读顺序。WCAG 的“颜色使用”准则说明颜色不应成为传达信息的唯一视觉方式,本页只处理这一部分。
避免装饰与链接冲突
不要给大量不可点击的强调文字加相同下划线。若要强调术语,可用粗体或清楚的小标题,让页面中的视觉约定保持一致。
来源与适用范围
W3C:理解颜色的使用(1.4.1)。这是 W3C 对相应成功准则的解释文档。本站用自己的例子说明应用,不代表标准机构认可本站,也不等于整站合规评估。