| name | web-a11y-dynamic-ui |
| description | 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. |
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.
