Introduction to React and Accessibility

JavaScript frameworks are becoming the norm for creating powerful, fast, and adaptive websites. One of the most popular frameworks is React. With the ability to create reusable components, a virtual DOM, and a massive support community behind it, React has advantages that are seemingly limitless.

However, React has also developed a stigma within the accessibility community that web applications created in React are not accessible. The fact is though that React does, in fact, have a lot of accessibility that is built into the framework, and that it also has a large community of accessible add-ons that can help you achieve accessible components.

In this webinar, Mark Steadman, will cover some tips and tricks that can help you achieve the most accessible React application possible!

Watch below:

Jump to specific parts of this video using our chapters list:

• 00:00 Introduction and Overview
• 7:05 Page Titles
• 12:06 Focus Management
• 20:33 Keyboard Navigation and Events
• 30:55 Dynamically Added Content and ARIA Live
• 35:33 Component Libraries and Packages
• 37:56 Accessibility Within the Framework
• 44:02 Q & A

Make accessibility part of your development process with axe Tools, the most efficient and effective accessibility toolkit.