Accessibility Tools
WCAG Contrast Checker (Batch)
Test multiple color pairs against WCAG AA/AAA contrast requirements at once — get a pass/fail matrix for your entire palette
AA normal
1/5
20% pass · ≥ 4.5:1
AA large
4/5
80% pass · ≥ 3:1
AAA normal
1/5
20% pass · ≥ 7:1
AAA large
1/5
20% pass · ≥ 4.5:1
Color Pairs (5)
| Label | Foreground | Background | Preview | Ratio | AA N | AA L | AAA N | AAA L | |
|---|---|---|---|---|---|---|---|---|---|
Aa sample | 21.00 | ||||||||
Aa sample | 3.68 | ||||||||
Aa sample | 4.39 | ||||||||
Aa sample | 2.54 | ||||||||
Aa sample | 3.76 |
WCAG 2.1 thresholds: AA Normal ≥ 4.5:1, AA Large ≥ 3:1 (text ≥ 18pt or 14pt bold), AAA Normal ≥ 7:1, AAA Large ≥ 4.5:1.
All calculations run in your browser. Export a CSV report for your design system audit.
さらに探す
おすすめのその他の Accessibility Tools…
Color Blind Simulator
See how your images and colors appear to people with different types of color blindness (protanopia, deuteranopia, tritanopia, achromatopsia)
試す
Screen Reader Preview
Preview how your HTML will be announced by screen readers — see the accessible name, role, and reading order for each element
試す
Focus Order Visualizer
Visualize the keyboard tab order of any HTML — see exactly where focus lands and spot accessibility issues with tabindex and hidden elements
試す