What problem does it solve?
It helps you catch and correct common accessibility issues in a specific route or component, before they become keyboard, screen-reader, or color-contrast problems for users.
Core Features & Use Cases
- Keyboard reachability & focus issues: Finds elements that aren’t reachable via Tab, missing keyboard semantics, and focus-management gaps around modals/dialogs.
- Screen-reader semantics checks: Detects missing accessible names, missing input/label associations, missing live-region attributes for dynamic status, and problematic ARIA patterns.
- WCAG AA contrast verification: Resolves theme tokens to actual colors (including light/dark) and computes contrast ratios, flagging failures for design review when needed.
- Safety-first auto-fixes: Applies only mechanically deterministic fixes (like converting clickable divs to real buttons with type="button") while reporting structural problems for human decisions.
Quick Start
Run an accessibility audit for the target route/component by telling the AI what file or UI surface to check (for example, “/dashboard tab order and aria check”).