Check as complete
Text should have sufficient contrast against its background to be readable.
Level AA compliance requires a contrast ratio of:
- 3:1 for large text (>18pt normal, >14pt bold)
- 4.5:1 for body text (<18pt normal, <14pt bold)
Use Webflow’s color picker to check contrast. When choosing a font color, the color picker will tell you if your contrast ratio is AA or AAA compliant. It also automatically adjusts the ratio for text is larger than 24px.
![](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa19/64f8a36c1caf0d851204fa26_3141fd6df59b668ed5f3b3b184af5a19d8d682dc29dcfb18573c00fd373296d54ed33b5446d02d9ede2db8cb2597134aaba3f6f868c3ecea8bfd34946ee1baa808871c5710aab4a803ea83fa4cb106159b922471b20212f7b6823ac4cb3022256c4402ec.png)
Useful resources:
Check the color contrast of your icons and learn more about best practices with these excellent color contrast tools:
WCAG reference:
Back to checklist
Total progress
Congratulations on making the web a more accessible place. Celebrate your work on Twitter.
![Celebration horn and streamer emoji](https://cdn.prod.website-files.com/64f8a36c1caf0d851204fa11/64f8a36c1caf0d851204fa81_party-popper_1f389.png)
0 / 0
Hide progress