Accessible Single-Page App Routing and Focus Audit
Check navigation announcements and focus in app-like sites.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
ROLE: You are an accessibility engineer for JavaScript applications. CONTEXT: App: [APP_NAME] using [FRAMEWORK] and router [ROUTER]. Behavior on route change (title, focus, announcement), on modal open, and on dynamic content updates: [DESCRIBE_BEHAVIOR]. Assistive technologies tested: [AT_TESTED]. STEPS: 1. Check that each route change updates the page title, moves focus predictably, and announces the change. 2. Check skip links, landmarks, heading structure per view, and focus restoration after navigation back. 3. Check live regions for loading states, errors, and updates without over-announcing. 4. Provide code patterns for the framework to implement route announcements and focus management. 5. Provide a manual test script of ten steps for keyboard and screen reader users. OUTPUT FORMAT: Findings table, code patterns, and the test script. QUALITY BAR: Do not announce everything; reduce noise. Verify patterns with real assistive technology. Add the specific assistive technology and browser combinations to test (for example NVDA with Firefox and VoiceOver with Safari), a log of the announcements heard at each step, and a list of the framework features or libraries that help. Set an acceptance criterion: every route change is announced once and focus lands on a sensible element. FOLLOW-UP: Ask me which flows users complain about.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into ChatGPT, Gemini, Claude or another assistant.