颜色对比度检查(WCAG)
检查前景/背景色对是否符合 WCAG AA 和 AAA 无障碍标准。
Normal text — The quick brown fox jumps over the lazy dog.
Large text — Quick brown fox
Contrast ratio
—
WCAG AA — normal text (≥ 4.5:1)
—
WCAG AA — large text (≥ 3:1)
—
WCAG AAA — normal text (≥ 7:1)
—
WCAG AAA — large text (≥ 4.5:1)
—
功能特性
Contrast ratio display
WCAG AA/AAA status
Live text preview
Normal & large text
使用方法
1. 选择前景色(文字颜色)。
2. 选择背景色。
3. 对比度比值以及 WCAG AA/AAA 通过情况会实时显示。
常见问题
What is the WCAG contrast requirement?
WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.