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)加粗的文本。大文本有更宽松的对比度要求,因为它本身更容易阅读。
想了解更多? 阅读我们的完整指南 →