dai11y 23/04/2020

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.

Loading...