WCAG 2.2 · Perceivable · Level AA
1.4.11 — Non-text Contrast
UI components and meaningful graphics need at least 3:1 contrast against adjacent colours.
Level AAPerceivable
What it means
UI components and meaningful graphics need at least 3:1 contrast against adjacent colours.
How to meet it
Ensure buttons, form borders, icons and focus indicators have 3:1 contrast.
How AccessScan checks this
This criterion needs a rendered page or human judgement (for example colour contrast, focus visibility, or media review), so it’s part of manual testing and our upcoming deep scan rather than the free static scan.
Check your site against AccessScan
See your issues ranked by impact in seconds — free.
Run a free accessibility scan