React: Accessibility

Offered By: LinkedIn Learning

Tags

React Courses Web Development Courses Accessibility Courses

Course Description

Overview

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

Syllabus

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

Taught by

Kiara Contreras

Related Courses

Introduction to ReactJS
Microsoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity