ts-accessibility

When to Use This Skill

Use when you need to:

• Build or review any interactive UI — Dialog, Sheet, Select, Combobox, custom clickable element — and need to know what Base UI already handles vs. what's still the developer's job
• Fix a screen reader gap after route navigation in the App Router
• Decide alt="" vs. a real description on a next/image
• Check whether a CSS-variable color token pair (--background/--foreground) meets WCAG contrast before shipping a new theme or variant
• Add or audit prefers-reduced-motion handling for a Tailwind animate-* utility or CSS transition
• Explain why eslint-plugin-jsx-a11y flagged a line

Trigger keywords: accessibility, a11y, ARIA, aria-label, aria-live, keyboard navigation, screen reader, VoiceOver, NVDA, focus management, focus trap, focus order, skip link, skip-to-content, color contrast, WCAG, prefers-reduced-motion, motion-safe, motion-reduce, alt text, route announcer, jsx-a11y, accessible name, tab order, inert.