WCAG对比度检查器

按WCAG标准检查颜色对比度。

大号示例文本

这是一段用于根据 WCAG 2.1 检查颜色对比度的普通示例文本。

用于检查较小字号可读性的文本。

对比度比值

7.00:1

AA 普通文本

通过

最低限度 4.5:1

AAA 普通文本

通过

最低限度 7:1

AA 大号文本

通过

最低限度 3:1

AAA 大号文本

通过

最低限度 4.5:1

WCAG颜色对比度无障碍检查器

网页内容无障碍指南(WCAG)制定了文本与背景之间的最低对比度要求,以确保所有人(包括色盲或低视力等视觉障碍人士)都能阅读内容。符合这些要求不仅提高了无障碍性,而且在许多国家也是法律要求,对SEO也是积极因素。

WCAG定义了两个对比度合规级别:AA(推荐标准)要求普通文本最低4.5:1比率,大文本(18px以上或14px加粗)最低3:1。AAA(最高级别)要求普通文本7:1,大文本4.5:1。对比度比率通过使用W3C定义的标准公式比较两种颜色的相对亮度来计算。

我们的工具实时计算对比度比率,显示不同大小文本的预览,如果组合不满足AA级别,会自动建议最接近原色且能满足要求的颜色。这是Web设计师、前端开发者和任何想确保内容对所有用户无障碍的人的必备工具。

常见问题

什么是WCAG对比度比率?

这是两种颜色之间亮度差异的数值度量,表示为X:1。1:1比率意味着颜色完全相同(无对比),而21:1是最大可能值(黑色在白色上)。使用W3C公式根据每种颜色的相对亮度计算。

应该达到AA还是AAA级别?

AA级别是推荐标准,在许多情况下也是法律要求。AAA是理想级别但在所有情况下更难达到。对于大多数网站,达到AA就足够且是必须的。AAA特别推荐用于政府和医疗健康内容。

什么算“大文本”?

根据WCAG标准,大文本是指至少18pt(24px)或14pt(18.66px)加粗的文本。大文本有更宽松的对比度要求,因为它本身更容易阅读。