Table of contents
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.
Reference
Read the full explanation of success criterion 1.4.11 on W3.org.
Related Resource
Check out “Evaluating Color and Contrast – How Hard Can It Be?” from WebAIM for more information about this success criterion.
