Accessibility Checker
Audit color combinations against accessibility standards, helping you catch difficult-to-read color choices before finalizing a design.
Foreground
Background
Contrast: 5.17:1
The quick brown fox jumps over the lazy dog
✓ AA Normal
✓ AA Large
✗ AAA Normal
✓ AAA Large
About the Accessibility Checker
An accessibility checker audits color combinations against accessibility standards, helping you catch color choices that could be difficult for some users to read before you finalize a design.
How to use
1
Enter the colors you're considering for text and background.
2
Review the accessibility rating for each combination.
3
Adjust colors that fail to meet the recommended standard.
Frequently asked questions
Why does color accessibility matter for a website?
Poor color contrast can make text difficult or impossible to read for users with low vision or color blindness, and can also affect readability for anyone viewing a screen in bright light.
Does this replace a full accessibility audit?
No, this checks color contrast specifically. A full accessibility audit would also cover things like keyboard navigation, screen reader support, and semantic HTML structure.
Related tools
Explore more tools in the Color category.