1.4.11 Non-text Contrast (Level AA)
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.
Related Resource
Related Posts
1.1.1 Non-text Content (Level A)
Make sure images and other non-text elements on your website are accessible by including meaningful text alternatives (alt text).
1.3.1 Info and Relationships (Level A)
Structure your website so that content is read by a screen reader in the same way it's presented visually.
1.3.2 Meaningful Sequence (Level A)
Structure your website so that your content is presented in a logical order.