Web a11y dynamic ui

Skill klovaaxel/web-a11y-agent-skills/skills/web-a11y-dynamic-ui

Handles accessible dynamic interfaces such as filtering, sorting, pagination, progress, live regions, status messages, data tables, and client-rendered result updates. Use when UI changes without a full page load.From its SKILL.md

Install

npx -y skills add klovaaxel/web-a11y-agent-skills --skill web-a11y-dynamic-ui

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, 192 tokens by cl100k_base, as published. Nobody here has run it

Web A11y Dynamic UI

Rules

Client-side updates need non-visual feedback.
Use live regions for status updates that should not move focus.
Move focus only when it improves task flow and orientation.
Use table semantics for tabular relationships, not layout.
Communicate sort, current page, result count, and progress state semantically and visually.

Checklist

Dynamic UI checklist

- [ ] Active filters and result counts are discoverable
- [ ] Loading, empty, error, and success states are announced when needed
- [ ] Pagination exposes current page and available movement
- [ ] Progress indicators expose current step/value where meaningful
- [ ] Tables have captions or labels, headers, and sort state
- [ ] Interactive controls inside data views preserve context

Output

Document update announcement strategy, focus strategy, table/result semantics, and regression checks.

What ships with it

Read from the repository

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