Perceivable
1.4.11 Non-text Contrast
Controls, focus indicators and graphics needed to understand content need at least 3:1 contrast against what surrounds them.
Who it helps
People with low vision.
Failures we see most
- Pale gray input borders
- Light-colored icon buttons
- Chart lines that blend into the background
How it gets tested
No automated tool can judge 1.4.11 reliably, so a specialist tests it by hand, with a keyboard and a screen reader where that applies.
How we fix it
A specialist fixes this in your site's code or content, and we re-test the page before you sign off.
Official text: W3C, Understanding 1.4.11 Non-text Contrast. Checks listed from axe-core 4.14.0.
Related criteria
Does your site fail 1.4.11?
Our free scan checks up to 50 of your pages and tells you which criteria fail and where.