Accessibility

A solid reference for WCAG 2.1 compliance that covers the POUR principles with practical code examples. You get real patterns for common accessibility issues: proper alt text for complex images, focus trap management for modals, color contrast ratios with actual numbers, and the visually-hidden CSS trick that shows up in every a11y toolkit. The examples show both wrong and right implementations, which is helpful when you're debugging why a screen reader isn't announcing something. Includes aria-live regions for form errors, prefers-reduced-motion media queries, and skip links. This is the kind of skill you'd reach for during an accessibility audit or when you need to explain to a designer why 3:1 contrast matters for UI components.

Install to Claude Code

npx -y skills add davila7/claude-code-templates --skill accessibility --agent claude-code