Fineuralab
无障碍颜色对比检查
发布 UI 改动前，检查文本和背景颜色是否足够可读。
长尾指南
适合谁阅读
适合设计师、开发者、独立开发者和内容创作者进行快速可读性检查。
颜色对比是最容易提前检查的无障碍问题之一。快速浏览器工具能避免低对比按钮、徽章、标签和正文在上线后才被发现。
适合的场景
常见任务
- 上线前检查行动按钮。
- 复核仪表盘标签和小字号文本。
- 对比品牌色在白底或深色背景上的效果。
- 修复过于隐蔽的链接颜色。
推荐流程
- 粘贴或选择前景色。
- 粘贴或选择背景色。
- 查看普通文本和大文本对比结果。
- 调整颜色值，并分别测试交互状态。
不适合这样使用
- 不要把颜色对比当成完整无障碍审计。
- 如果 hover、禁用、选中状态颜色不同，不要只测默认状态。
- 小字号文本不要只靠肉眼判断。
相关 Fineuralab 页面
常见问题
对比度合格就代表无障碍吗？
不是。它只是一个有用信号，布局、焦点、标签、语义和键盘操作也很重要。
大文本和普通文本要分开看吗？
要。不同字号的可读性要求不同。