Marcelo Paiva
An older bearded man in a turban sits in an armchair holding a tablet, mouth open, eyes wide.

Success criterion 1.4.6 · Level AAA

Contrast (Enhanced)

“Wow, the contrast here is so good, it's like the text is leaping off the screen!”

Who this helps: Low Vision

Success criterion 1.4.6 · Level AAA

Contrast (Enhanced)

Text or images of text have a contrast ratio of at least 7:1, except for large text, incidental text, or logos.

Principle 1: Perceivable · Guideline 1.4: Distinguishable

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!”

Next criterion: 1.4.7 Low or No Background Audio