Live WCAG diagnostics for Tailwind CSS, in the editor — the same three checks as
tailwind-a11y
and its ESLint plugin,
powered by the same engine. Results never disagree between them — no detection logic is
reimplemented here.
What it shows
Check
WCAG
Detects
Contrast
1.4.3 (AA)
Low-contrast text-*/bg-* pairs — with a suggested nearby shade
Touch target
2.5.8 (AA)
Interactive elements under 24×24px
Focus indicator
2.4.7 (AA)
focus:outline-none with no visible replacement
Diagnostics appear as warnings in .jsx/.tsx files, updating on open, save, and
(debounced) as you type. For CI enforcement, use the CLI
or ESLint plugin
instead — both treat the same findings as errors.
