♿ WCAG 对比度检查器
★★★★½ 4.8 (342人评分)
🔒 数据不上传 — 一切在浏览器中处理 ✅ 100%免费 — 无需注册,无使用限制 ⚡ 即时处理 — 无需等待服务器

加载中... 感谢评分!

在线检测颜色对比度是否符合 WCAG 2.1 无障碍标准 - AA/AAA 级别实时判定

🎨 选择颜色

大号文字 (18pt+)
小号文字 (14px) - 正常文本内容示例 Aa Bb Cc

📊 对比度结果

12.63
对比度比值 (contrast ratio)
AA 正常文本
✅ 通过
最低要求: 4.5:1
AA 大号文本
✅ 通过
最低要求: 3:1
AAA 正常文本
✅ 通过
最低要求: 7:1
AAA 大号文本
✅ 通过
最低要求: 4.5:1

常见问题

Q1: WCAG 2.1 对比度标准是什么?

WCAG 2.1 定义了两个级别的对比度要求:AA级要求正常文本对比度≥4.5:1,大号文本(≥18pt或14pt粗体)≥3:1;AAA级要求正常文本≥7:1,大号文本≥4.5:1。对比度比值基于相对亮度计算,1:1为无对比,21:1为最大对比(黑对白)。

Q2: 为什么我的颜色看起来对比度够但没通过?

人眼对不同颜色的感知亮度不同,WCAG使用基于sRGB色彩空间的相对亮度公式计算,而非简单的视觉判断。例如纯红(#FF0000)在白底上的视觉对比度看似很高,但实际比值仅4.03:1不满足AA正常文本标准,因为红色的亮度值较低。

Q3: AA和AAA级别有什么区别?该选哪个?

AA级是WCAG的基本合规要求,大多数法律和法规(如ADA、Section 508、欧洲EN 301 549)都以AA级为最低标准。AAA级是增强级别,提供更高的可访问性,适合面向视力障碍用户的场景。一般建议至少满足AA级,条件允许时追求AAA级。

常见问题 (FAQ)

WCAG 2.1对比度标准是什么?

AA级要求正常文本对比度≥4.5:1,大号文本≥3:1;AAA级要求正常文本≥7:1,大号文本≥4.5:1。

为什么颜色看起来对比度够但没通过?

WCAG使用sRGB相对亮度公式计算,而非视觉判断。不同颜色的人眼感知亮度不同。

AA和AAA级别有什么区别?

AA级是基本合规要求,大多数法规以此为标准。AAA级是增强级别,适合面向视力障碍用户的场景。