对比度检查

检查任意文本和背景颜色组合的WCAG AA和AAA合规性。

Text color

Contrast ratio

Background color

Large Text Example (18pt+)

Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.

AA Normal-

≥ 4.5:1 required

AA Large-

≥ 3:1 required

AAA Normal-

≥ 7:1 required

AAA Large-

≥ 4.5:1 required

Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.

什么是WCAG对比度合规性?

WCAG(网络内容无障碍指南)定义了文本与背景之间的最低对比度比率，以确保视力低下或色盲人士的可读性。AA级要求普通文本至少4.5:1，大文本3:1。AAA级是更高标准，分别需要7:1和4.5:1。

AA还是AAA - 应该追求哪个?

AA是大多数无障碍法规的法定最低标准(欧洲EN 301 549，美国Section 508)。AAA是金标准。大多数团队对所有文本追求AA，在可能的情况下对正文追求AAA。

什么算作"大文本"?

WCAG将大文本定义为正常字重18pt(24px)或以上，或粗体14pt(18.67px)或以上。大文本受益于更宽松的对比度比率(AA为3:1)，因为尺寸本身有助于可读性。

如何使用此工具

使用颜色选择器选择文本颜色和背景色，或直接输入十六进制代码。对比度比率即时更新，所有四项WCAG检查(AA普通、AA大、AAA普通、AAA大)实时显示通过或失败。