Web a11y web components
Skill klovaaxel/web-a11y-agent-skills/skills/web-a11y-web-components
Framework-agnostic web accessibility skills and Cursor subagents for AI coding agents.
npx -y skills add klovaaxel/web-a11y-agent-skills --skill web-a11y-web-componentsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 5 stars5 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Applies accessibility guidance to custom elements and Shadow DOM, including progressive enhancement, slots, focus delegation, ElementInternals, ARIA limitations, and testing gaps. Use when building or auditing web components and design-system primitives.
SKILL.md
1.2 KB, as published. Nobody here has run it
Web A11y Web Components
Rules
- Make accessible usage the easiest component API.
- Prefer progressive enhancement and useful light DOM fallback.
- Keep semantic reading order correct with slots and DOM order.
- Avoid brittle cross-root ARIA assumptions.
- Validate required labels, titles, and relationships at runtime where useful.
- Test manually because scanners vary in Shadow DOM coverage.
Checklist
Web component checklist
- [ ] Component has usable fallback or failure mode
- [ ] Slot order supports semantic reading order
- [ ] Required accessibility inputs are documented and enforced
- [ ] Focus delegation behavior is intentional
- [ ] ARIA relationships do not depend on unsupported cross-root references
- [ ] Automation is paired with keyboard and screen reader smoke checks
Output
Document component contract, Shadow DOM constraints, focus behavior, and manual verification notes.