Web a11y web components

Skill klovaaxel/web-a11y-agent-skills/skills/web-a11y-web-components

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.From its SKILL.md

Install

npx -y skills add klovaaxel/web-a11y-agent-skills --skill web-a11y-web-components

Assembled 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.

SKILL.md

1.2 KB, 184 tokens by cl100k_base, 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.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.