a11y for 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.

Without explicitly managing it, the page title in your React app will never change. Find out how this affects diverse users, and a method to manage your page titles.

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.

Increase your confidence in your app's accessibility by writing React tests that focus on elements perceivable by the widest range of users.