Summary
This one walks you through implementing WCAG 2.1 standards with practical examples in React and TypeScript. It covers the fundamentals you'd expect: semantic HTML structure, keyboard navigation patterns (Tab, arrows, ESC), ARIA attributes, and focus management for tricky stuff like modals. The mandatory rules are sensible, like no removing outline styles and requiring alt text for images. It also includes testing guidance with axe-core and Lighthouse, plus color contrast requirements for AA and AAA levels. Good for building accessible components from scratch or auditing existing ones. The focus management patterns for interactive components are probably the most immediately useful part if you're dealing with dropdowns or modals.
Install to Claude Code
npx -y skills add supercent-io/skills-template --skill web-accessibility --agent claude-codeInstalls into .claude/skills of the current project.
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 →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →Files
SKILL.md
Select a file.
Featured
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 →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
