Success criterion 1.4.6
Contrast (Enhanced)
Text or images of text have a contrast ratio of at least 7:1, except for large text, incidental text, or logos.
- Level AAA
- Principle 1: Perceivable
- Guideline 1.4: Distinguishable
In a user’s words
“Wow, the contrast here is so good, it's like the text is leaping off the screen!”
What each role can do
- Product manager
- Aim for an enhanced contrast ratio for improved readability.
- Designer
- Use a color contrast tool to verify that text-to-background contrast exceeds minimum guidelines.
- Developer
- Utilize CSS variables to easily adjust and manage contrast ratios.
- Tester
- Perform rigorous tests on contrast ratios under different conditions to ensure optimal readability.
Once it is fixed
“I never thought I'd describe a website as vibrant, but here we are. You’ve made my day brighter!”
Share this with your team
The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 1.4.6 in the W3C quick reference for WCAG 2.2 (opens in a new tab).
Or press ←the left arrow and →the right arrow.