Tailwindcss Accessibility

This is a comprehensive reference for building accessible Tailwind UIs that actually meet WCAG 2.2 standards. It covers the practical stuff you need: focus rings with focus-visible for keyboard users, sr-only utilities for screen reader text, touch target sizing (24x24 minimum, 44x44 recommended), and motion-reduce handling. The code examples are solid, from skip links that appear on focus to form fields with proper aria-describedby and error announcements. Use it when you're building components that need to pass accessibility audits or when you want to stop guessing about contrast ratios and focus indicators. It's not just theory; the patterns are copy-paste ready with real Tailwind classes.

Install to Claude Code

npx -y skills add josiahsiegel/claude-plugin-marketplace --skill tailwindcss-accessibility --agent claude-code