对比度检查器
选择文字颜色和背景颜色,即可查看精确的 WCAG 对比度,以及是否通过 AA 或 AAA 标准。
--
大号文字预览(18pt 以上)
正常文字预览,也就是大多数正文使用的字号。
标识含义说明
根据 WCAG 2.1,要达到 AA 标准,正常文字需要 4.5:1 的对比度,大号文字(18pt 以上,或加粗 14pt 以上)需要 3:1。AAA 标准更严格:正常文字需要 7:1,大号文字需要 4.5:1。
常见问题
AA 和 AAA 有什么区别?
AA 是大多数网站的基础目标:正常文字要求 4.5:1,大号文字(18pt 以上,或加粗 14pt 以上)要求 3:1。AAA 标准更严格,主要面向视力较弱的用户:正常文字 7:1,大号文字 4.5:1。
这个工具只检查纯色,还是也能检查图片?
只检查两种纯色,也就是文字颜色和背景颜色。如果文字叠加在照片或渐变背景上,应该分别针对它可能出现的最深和最浅区域检查对比度。
这和浏览器、审计工具用的公式一样吗?
是的。这里使用的是标准的 WCAG 2.1 相对亮度和对比度公式,与 Lighthouse 和 axe 使用的公式相同。