Large Text Preview
Normal text preview — The quick brown fox jumps over the lazy dog.
0
Contrast Ratio
WCAG AA
Normal Text-
Large Text-
UI Components-
WCAG AAA
Normal Text-
Large Text-
WCAG requirements
- AA Normal — 4.5:1 minimum ratio
- AA Large — 3:1 minimum (18px+ or 14px+ bold)
- AAA Normal — 7:1 minimum ratio
- AAA Large — 4.5:1 minimum ratio
- UI Components — 3:1 minimum ratio
Want to learn more?
Read the complete guide with examples and tips