WCAG 2.1 Full Audit
Complete accessibility audit against WCAG 2.1 guidelines. Check all 12 critical rules for your color palette.
Free Online Tool
Color Accessibility Checker - WCAG Compliance Report for UI
Run a full WCAG 2.1 accessibility audit on your color palette. Contrast matrix for every color pair, AA/AAA ratings, auto-fix suggestions, and colorblind simulation. Free online tool.
Your Colors
Add palette colors to audit
D
50% passing
3/6 pairs pass AA
AAA ≥ 7:1 (enhanced)
AA ≥ 4.5:1 (normal text)
AA* ≥ 3:1 (large text only)
Fail < 3:1
Contrast Matrix
Primary | White | Black | Gray | |
|---|---|---|---|---|
Primary | — | AA*3.7:1 | AA5.1:1 | fail1.3:1 |
White | AA*3.7:1 | — | AAA18.9:1 | AA4.8:1 |
Black | AA5.1:1 | AAA18.9:1 | — | AA*3.9:1 |
Gray | fail1.3:1 | AA4.8:1 | AA*3.9:1 | — |
Key Features
Powerful features designed for designers and developers
Contrast Matrix
See every color pair combination in a visual matrix. Pass/fail at a glance for every foreground/background combination.
AA & AAA Testing
Test both AA (4.5:1) and AAA (7:1) contrast requirements for normal text, large text, and UI components.
AutoFix Suggestions
Get instant color suggestions that fix failing contrast pairs while maintaining your design intent.
Colorblind Simulation
Preview your palette as seen by users with deuteranopia, protanopia, tritanopia, and achromatopsia.
Report Export
Export your accessibility report as PDF or CSV. Share with clients or development teams.
How It Works
Get started in just a few simple steps
- 1
Input Your Colors
Add your color palette by entering HEX values manually, uploading a JSON file, or generating from a brand color.
- 2
Run Audit
Click 'Check Accessibility' to run the full WCAG 2.1 audit. Results appear instantly.
- 3
Review Results
See your overall score, the contrast matrix, and individual pass/fail results for every color pair.
Fix Issues
Use AutoFix to automatically correct failing pairs, or manually adjust colors and re-run the audit.
Frequently Asked Questions
Everything you need to know
What WCAG levels does this check?
We check WCAG 2.1 Level AA and Level AAA for normal text (small), large text, and non-text UI components. These are the standard requirements for most accessibility guidelines.
How does the contrast matrix work?
The matrix shows every possible foreground/background color combination from your palette. Each cell shows the contrast ratio and a pass/fail badge. This lets you instantly see all problematic pairs.
What is the overall accessibility score?
The score rates your palette from A to F based on the percentage of color pairs that pass WCAG AA requirements. A score of A means all critical pairs pass.
How does AutoFix work?
AutoFix adjusts the lightness of failing colors in the OKLCH color space to meet the minimum contrast requirement while preserving the hue and saturation as much as possible.
What colorblind modes are simulated?
We simulate deuteranopia (red-green), protanopia (red), tritanopia (blue-yellow), and achromatopsia (grayscale) — covering the 4 most common types of color vision deficiency.
Is the basic check free?
Yes. Basic WCAG AA/AAA check for up to 3 colors is free. Full palette audit, AutoFix, colorblind simulation, and report export require a Pro subscription.
Related Tools
Explore more color tools
Ready to Get Started?
Color Accessibility Checker - WCAG Compliance Report for UI - Free, no signup required
Check Accessibility