| name | dynamic-content-accessibility |
| description | Use when reviewing live updates, async content, state changes, modals, expanding regions, or JavaScript-driven interfaces for accessibility. |
Dynamic Content Accessibility
Use this skill when evaluating interfaces that change without a full page reload. Focus on whether users are informed about updates, maintain orientation, and can keep interacting successfully.
Review Change Handling
- Identify content that appears, disappears, updates, or reorders dynamically
- Check focus management, announcements, and preserved context after interactions
- Review modals, accordions, tabs, toasts, validation messages, and loading states
- Consider screen reader, keyboard, cognitive, and low-attention users together
Improve Stability & Communication
- Move focus intentionally only when it helps users stay oriented
- Announce meaningful updates without creating noise
- Preserve user progress and avoid unexpected shifts in layout or meaning
- Ensure expanded or replaced content is reachable and understandable
Output
- Highlight dynamic behaviors that create confusion or inaccessibility
- Recommend fixes for announcements, focus, and state communication
- Prioritize updates that block completion or cause users to lose context
