Check the contrast for all icons
Icons need a contrast ratio of at least 3.0:1 against background colors.
Useful resources:
Check the color contrast of your icons and learn more about best practices with these excellent color contrast tools:
- Color Contrast Analyzer (Chrome Extension)
- TPG’s Color Contrast Analyser
- tanaguru contrast finder
- WebAIM’s Contrast Checker
- Colorable
A11y project reference:
Check the contrast for all icons
WCAG reference:
Congratulations on making the web a more accessible place!
Congratulations on making the web a more accessible place!
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When:
Where:
Where:
When:
When: