Color Contrast Non-Text
Things to check for:
The following should have at least a contrast ratio of 3:1:
- Input fields border or a background color and the page background.
- Items receiving focus with color before receiving focus OR have an indicator besides color (like text underlining or additional shadow).
- Icons and other informational images with the page background
- Images inside an icon and the icon background color
Example Form
Info graphics
Idea 2 icon background does not have a contrast ratio of 3:1 wth the page background.
The light bulb icon in Idea 2 does not have a contrast ratio of 3:1 wth the icon background.