Your daily frequent11y newsletter, brought to you by @ChrisBAshton:
Accessible page title in a single-page React application
- Post by Hugo Giraudel, describing how following a link on a ‘normal’ web page loads a new page and causes a screen reader to read out the page title – this behaviour might be missing from your React SPA. He creates a
<TitleAnnouncer>
component, which listens for a change in Helmet state to update the contents of a screen-reader hidden<p>
element, and apply focus to it. Hugo acknowledges this element could be avoided altogether if you can guarantee there is always a relevant<h1>
in the page.
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.