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.
Check navigation announcements and focus management in an app-like site. Framework and router: [FRAMEWORK_AND_ROUTER]. Key routes and views: [ROUTES]. How route changes are handled today (title updates, focus, announcements): [CURRENT_HANDLING]. Code for the router or layout component: [PASTE_CODE]. Check each item and mark Pass, Fail, or Unknown, with a reproduction step using a screen reader and keyboard: [ ] Each route change updates the document title to describe the new view [ ] Focus moves to a sensible place on navigation (the main heading or content container with tabindex of -1), not left on the previous link or reset to the top of the document without notice [ ] The new view is announced to screen readers (live region or focus on the heading), without duplicate announcements [ ] The browser back and forward buttons restore the scroll position and focus predictably [ ] Links are real anchors with href attributes; buttons are used for actions [ ] Skip links work and move focus to the main region [ ] Dynamic content updates (loading, errors, results) use appropriate live regions with a polite or assertive level [ ] Loading states are announced and can be understood without sight [ ] Modals trap focus and return it on close [ ] Landmarks and heading structure are consistent across views [ ] URLs reflect state so views can be bookmarked Provide fixes in code for my framework, a test script, and automated tests that assert focus and title after navigation.
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.