Route Changes Without Page Reloads
Announce navigation and move focus on route change.
The Silent Navigation Problem
In a SPA, clicking a link swaps content without a full reload. To a screen reader, nothing seems to happen, so it stays silent about the new page. 🤫
Why Full Reloads Were Easy
A real page load resets focus and makes the screen reader read the new title. Client-side routing skips all of that, so you must recreate those cues yourself.
All lessons in this course
- Route Changes Without Page Reloads
- Managing Focus With Refs and useEffect
- Fragments, Portals, and the DOM Order Trap
- jsx-a11y and Component-Level Guardrails