dynamic-content-accessibility

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