Skip To main content

Prepare for the June 2025 EAA compliance deadline | Explore resources

1.4.11 Non-text Contrast (Level AA)

Make sure you have a minimum 3:1 color contrast ratio for user interface components and states and graphical objects that convey meaningful information.

What you need to know

  • Just as text must have sufficient color contrast, other page elements that convey information or provide for interaction must have sufficient contrast.

What you need to do

  • Check the contrast for icons, graphs, buttons, focus indicators, etc. for a 3:1 color contrast ratio.

Evaluating Color and Contrast – How Hard Can It Be?