Summary
This is the accessibility skill you'd want active during any code review that flags missing form labels or broken keyboard navigation. It covers the patterns that actually come up in React and Next.js work: connecting labels to inputs with htmlFor, using aria-describedby for error messages, making custom dropdowns keyboard navigable, and knowing when aria-label beats aria-labelledby. The examples are lifted straight from real accessibility violations, like the classic div with onClick that should've been a button. If you're tired of going back and forth with linters or getting late stage accessibility feedback, this gives you the right patterns up front.
Install to Claude Code
npx -y skills add affaan-m/everything-claude-code --skill frontend-a11y --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Files
SKILL.md
Select a file.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
