颜色对比度检查器
免费在线颜色对比度检测工具,基于WCAG 2.1标准,检测前景色与背景色的对比度,判断是否符合AA级和AAA级无障碍标准。
常见问题
- 什么才算"大文本"?
- 根据WCAG定义,大文本指:字号≥18pt(约24px)的常规字重文本,或字号≥14pt(约18.66px)的粗体文本。大文本的对比度要求比普通文本低一级。
- 对比度多少才算合格?
- AA级:普通文本≥4.5:1,大文本≥3:1;AAA级:普通文本≥7:1,大文本≥4.5:1。大多数公司和政府网站要求至少达到AA级标准。
- 为什么计算结果和其他工具不一样?
- 不同工具可能使用略微不同的gamma校正算法或sRGB转换公式。WCAG官方公式是标准的,本工具严格遵循WCAG 2.1规范,计算结果与官方检测工具一致。
- 图标和图形需要满足对比度吗?
- 对于传达重要信息的图标和图形(如警告图标、状态指示),也需要满足对比度要求。而纯装饰性的图形元素则不需要。建议图标与背景的对比度至少达到3:1。
- 色盲用户需要特殊考虑吗?
- 对比度只是可访问性的一方面。对于色盲用户,还应避免仅靠颜色传递信息(如"红色表示错误、绿色表示正确"),应同时使用图标、文字、形状等多种方式传达信息。
- 为什么白色文字在彩色背景上看起来更累?
- 这与文字的笔画粗细和亮度有关。亮色文字在深色背景上(尤其是高饱和度彩色)容易产生"光晕效应",长时间阅读更累。重要内容建议使用深色文字在浅色背景上的传统方案。