Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
Accessible Routing in JavaScript Frameworks
- A Deque article by Mark Steadman, describing how to handle transitions between page loads in Single Page Applications. Ideally the focus would go to a
<h1>
, or failing that, it should go to the body of the page. In either case, the focussed element needs atabindex="-1"
so that JavaScript can assign focus. As a last resort, you could instead shift focus to the “skip to main content” link if you have one, but should also usearia-live
to announce to the screen reader that the page has changed.
Prefer longer newsletters? You can subscribe to week11y, fortnight11y or even month11y updates! Every newsletter gets the same content; it is your choice to have short, regular emails or longer, less frequent ones. Curated with ♥ by developer @ChrisBAshton.