React: Accessibility

This course teaches how to create an accessible experience with single-page applications created in React.

Introduction

• Accessibility in React

1. Accessibility on the Web

• The need for accessibility
• Semantic HTML: The foundation of web accessibility
• Semantic React tags

2. Keyboard Focus

• Managing keyboard focus in React components
• Skipping page content
• Challenge: Implementing focus and skipping content
• Solution: Implementing focus and skipping content

3. Mouse and Pointer Events

• Accessibility issues with mouse and pointer events
• How to ensure events are accessible by keyboard

4. Testing Your Application

• Why test your work
• Testing accessibility with your keyboard
• Using browser features for testing
• Testing with a screen reader

Conclusion

• Resources for web accessibility guidelines