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.
Tiếp tục khám phá
Công cụ Accessibility Tools khác bạn có thể thích…
Color Blind Simulator
See how your images and colors appear to people with different types of color blindness (protanopia, deuteranopia, tritanopia, achromatopsia)
Dùng ngay
Screen Reader Preview
Preview how your HTML will be announced by screen readers — see the accessible name, role, and reading order for each element
Dùng ngay
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
Dùng ngay