This course teaches how to create an accessible experience with single-page applications created in React.
Overview
Syllabus
Introduction
- Accessibility in React
- The need for accessibility
- Semantic HTML: The foundation of web accessibility
- Semantic React tags
- Managing keyboard focus in React components
- Skipping page content
- Challenge: Implementing focus and skipping content
- Solution: Implementing focus and skipping content
- Accessibility issues with mouse and pointer events
- How to ensure events are accessible by keyboard
- Why test your work
- Testing accessibility with your keyboard
- Using browser features for testing
- Testing with a screen reader
- Resources for web accessibility guidelines
Taught by
Kiara Contreras