使用场景

• 发布 UI 改动前，检查按钮、徽章和仪表盘标签颜色。
• 把前景色和背景色与常见 WCAG AA 可读性阈值对比。
• 如果对比度不合格，可配合颜色转换工具寻找相邻颜色。

复核要点

• 颜色对比只是无障碍的一部分，不能替代完整无障碍审查。
• 悬停、禁用和选中状态如果颜色不同，需要分别检查。

本地优先

这个页面按浏览器工具设计。输入内容会尽量在当前页面中处理，不需要账号，也没有面向工具流程的主动上传步骤。

推荐步骤

1. 普通文本和大文本分开检查。
2. 分别测试 hover、禁用、选中和错误状态。
3. 优先调整相邻色值，不要只靠透明度。

真实例子

• 复核新品牌色。
• 发布前检查仪表盘标签。
• 修复文档里低对比链接。

常见误区

• 把对比度当成完整无障碍审计。
• 只检查默认状态。
• 小字号文本只靠肉眼判断。

适合使用

• 发布 UI 改动前，检查按钮、徽章和仪表盘标签颜色。
• 把前景色和背景色与常见 WCAG AA 可读性阈值对比。
• 如果对比度不合格，可配合颜色转换工具寻找相邻颜色。

复制前复核

• 颜色对比只是无障碍的一部分，不能替代完整无障碍审查。
• 悬停、禁用和选中状态如果颜色不同，需要分别检查。

换用更严谨流程

如果原始文件需要保留质量、元数据或法律证据价值，请不要只保存压缩输出。