dynamic-interface-accessibility-audit

Audits dynamic web interfaces for accessibility across dialogs, live regions, focus, and SPA transitions.

Updated Jul 7, 2026
One-click install
npx skills add https://github.com/vmitsaras/Agent-Skills --skill dynamic-interface-accessibility-audit-vmitsaras
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dynamic-interface-accessibility-audit
Source: https://github.com/vmitsaras/Agent-Skills/tree/main/skills/frontend-a11y/dynamic-interface-accessibility-audit
Command: npx skills add https://github.com/vmitsaras/Agent-Skills --skill dynamic-interface-accessibility-audit-vmitsaras

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Dynamic web interfaces often break accessibility in ways static checks miss: dialogs trap focus, live regions announce stale or duplicate messages, SPA route changes lose context, and asynchronous states never reach screen-reader users. This Skill produces evidence-bounded accessibility findings for changing interface states without claiming unverified WCAG conformance. ## Core Features & Use Cases - Transition-based auditing: Tests dialogs, overlays, tabs, menus, disclosures, popovers, loading/error states, SPA route changes, and inserted or removed content as before/during/after transitions rather than settled end states. - Evidence classification: Separates static source, automated tool, browser runtime, and assistive-technology evidence so no finding overstates what was actually verified. - Structured findings contract: Returns findings with severity, confidence, WCAG 2.2 mappings with rationale, user impact, and targeted retest steps, ready to merge into an orchestrated audit. - Use Case: A QA team auditing a React checkout flow uses this Skill to verify that error messages are announced via live regions, focus returns to the invoker after the payment dialog closes, and route changes update document titles. ## Quick Start Audit the checkout flow of my web app for dynamic accessibility issues including dialogs, loading states, focus management, and screen-reader announcements.

Frequently Asked Questions about dynamic-interface-accessibility-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a dynamic web app for accessibility issues?▼

Audit dynamic interfaces by testing state transitions rather than settled end states: trigger loading, error, success, and dismissal states, record focus before and after each change, and verify live-region announcements with a named browser and screen reader. This Skill structures that workflow into a repeatable evidence-based process.

How to test live regions and screen-reader announcements?▼

Test live regions by triggering one update at a time, then rapid, repeated, and out-of-order updates, recording the actual spoken output for a named browser and assistive-technology combination. Check for silent updates, duplicates, stale messages, and overuse of assertive interruption.

Can automated tools verify WCAG conformance for dynamic interfaces?▼

No. Automated tools only cover the rules they implement in the scanned state and cannot establish focus behavior, announcement quality, or interaction usability. Runtime browser testing and assistive-technology passes are required, and untested areas must be recorded as coverage gaps.

Does this audit prove WCAG 2.2 conformance?▼

No. The audit maps findings to specific WCAG 2.2 criteria with rationale, but it is a focused review of dynamic behavior and explicitly does not establish page or product conformance. Conformance level is never used as a severity measure.

What accessibility evidence can source code review alone provide?▼

Source review confirms intended DOM structure, declared ARIA, event and focus code paths, and test coverage, but it cannot establish computed names, actual focus order, timing, or spoken output. Those claims remain provisional until runtime or assistive-technology evidence exists.

When should I not use a dynamic interface accessibility audit?▼

Avoid it for static-only concerns like visual contrast or document structure with no changing behavior, for future test planning without existing evidence, and for legal advice or certification requests. It reports findings and recommendations but does not modify product files.