Summary
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-codeInstalls into .claude/skills of the current project.
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
Files
SKILL.md
Select a file.
Featured
Keep your Mac awake while Claude Code and 40+ AI agents run. Sleeps when they're idle.
One time payment $9 →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
