Web Accessibility

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-code