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.

skills.sh installs
250
GitHub stars
442
last updated
Aug 21, 2026

Install

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

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/community-access/accessibility-agents
Categories
Frontend Development, Debugging, Design & UI/UX
First seen
Jun 3, 2026

More from community-access/accessibility-agents

All 25
1josiahsiegel avatartailwindcss-advanced-componentsjosiahsiegel/claude-plugin-marketplaceTailwind CSS advanced component patterns with CVA (class-variance-authority) and variant management. PROACTIVELY activate for: (1) building reusable component v250skills.sh installs
2nexu-io avataremail-marketingnexu-io/open-designA brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications249skills.sh installs
3nucliweb avatarwebperf-resourcesnucliweb/webperf-snippetsIntelligent network quality analysis with adaptive loading strategies. Detects connection type (2g/3g/4g), bandwidth, RTT, and save-data mode, then automaticall249skills.sh installs
4andrelandgraf avatarog-image-generationandrelandgraf/fullstackrecipesGenerate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.245skills.sh installs
5uxjoseph avatarsupanova-design-engineuxjoseph/supanova-design-skillSupanova Landing Page Design Engine. Generates premium, conversion-optimized landing pages using pure HTML + Tailwind CSS (CDN). Overrides default LLM biases to245skills.sh installs
6yonatangross avataraccessibilityyonatangross/orchestkitAccessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and245skills.sh installs