Framework Accessibility

This gives Claude a reference table for accessibility patterns across React, Vue, Angular, Svelte, and Tailwind. It covers the gotchas you actually hit: onClick on divs, v-if breaking live regions, Angular's attr.aria-label quirk, and Tailwind's outline-none problem. Each framework section includes before-and-after code snippets for common fixes. The Tailwind contrast table is especially handy since you can just look up safe text-gray pairings instead of running calculations. Use this when you're fixing accessibility issues in framework code and want Claude to suggest the idiomatic solution rather than generic ARIA. It won't catch everything an automated scanner would, but it handles the framework-specific mistakes that trip people up.

Install to Claude Code

npx -y skills add community-access/accessibility-agents --skill framework-accessibility --agent claude-code