Accessibility-first React Integration Tests
Accessibility testing usually means browser extensions or manual checks. Integration tests written accessibility-first catch a third category of problem.
A11y for React
Overcoming common accessibility challenges in React applications.
5 articles
Handling Focus on Route Change in React
Any client-side route rendering can result in confusion and loss of context for assistive technology users. This article describes and demonstrates the problem, along with a quick solution that can easily be implemented in your apps, so you can make sure that all users can engage with your content.
Handling Page Titles in React
The short answer to this is that the page title is immediately available to a user without entering or navigating your page content.
Heading Levels in Reusable Components
React empowers us to re-use components across our apps, but it's important to consider how component re-use could affect accessibility. This topic demonstrates an easy way to build flexible components that don't compromise heading level structure.
Announcing Things That Change on the Page
Content that appears without a page load is invisible to a screen reader unless you announce it. Live regions, when to use them, and why most implementations announce nothing.