Accessibility

This is the accessibility reference you want open when building any public-facing web interface. It covers the five areas that actually matter: semantic HTML selection, ARIA patterns, keyboard navigation, color contrast ratios (4.5:1 for text, 3:1 for UI components), and accessible forms. What makes it useful is the 12 documented accessibility issues with prevention strategies, so you're not just learning what to do but what breaks and why. Includes ready-to-use patterns for dialogs with focus traps, tab navigation with arrow keys, and forms with screen reader announcements. The testing workflow is practical: keyboard-only checks, screen reader verification, then automated tools. Use this whenever you need to hit WCAG 2.1 AA compliance or just want to stop shipping inaccessible components.

Install to Claude Code

npx -y skills add jezweb/claude-skills --skill accessibility --agent claude-code