Check as complete
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:
Back to checklist
Total progress
Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
0 / 0
Hide progress