Contrast Checker
pointer · keyboard · touch
An interactive color repair flow for inaccessible text.
Livelight
Accessibility Checker
Scan the sample surface for contrast issues, then repair them with WCAG-aware suggestions.
- Behavior
An accessibility repair flow that finds low-contrast text and offers WCAG-aware color suggestions.
- Interaction
Pointer and touch drive the analysis and menu. Keyboard reaches the start button and menu actions.
- Controls
Start analysis, open the flagged element, pick a suggested color, and apply the fix to the sample text.
- Motion & sound
Loading pulse while scanning; reduced motion keeps a static loading label. No sound.
- Learnings
Showing the failing sample in place makes the contrast fix feel concrete instead of abstract swatch math.
- Source
Reuse `A11yMenu` / `ColorPicker` plus `/api/color/*` helpers from `@dammydev/lab/server/*`.