Success criterion 1.4.3 · Level AA
Contrast (Minimum)
“Is that text or a chameleon? I can't tell because it's blending into the background!”
Success criterion 1.4.3 · Level AA
Contrast (Minimum)
Text and images of text have a contrast ratio of at least 4.5:1, except for large text, incidental text, or logos.
Principle 1: Perceivable · Guideline 1.4: Distinguishable
What each role can do
- Product manager
- Maintain a minimum contrast ratio for text to ensure readability.
- Designer
- Use a color contrast tool to check and validate text-to-background contrast.
- Developer
- Use CSS to set text and background colors that meet the minimum contrast requirements.
- Tester
- Test contrast ratios on multiple devices under various lighting conditions.
Once it is fixed
“Ah, now I can read without straining my eyes. You're a lifesaver!”
Next criterion: 1.4.4 Resize Text