Develop Accessible Web Apps with React

• Understanding the impact of inaccessible web apps on different disability groups.
• Learning how to inspect, test, and fix accessibility issues.
• Writing accessible and extensible UI elements.
• Refactoring and testing accessibility issues iteratively.

This course focuses on creating accessible React applications to ensure a great user experience for all. Instructor Erin Doyle provides a concrete process for testing, refactoring, and building applications with accessibility in mind. By the end of the course, you'll be equipped to audit and fix accessibility issues in your applications and approach web app design from the perspective of all users.

• Ideal for beginners interested in web development and accessibility.
• Suitable for developers looking to enhance their skills in creating inclusive web applications.

• Basic understanding of React.
• Familiarity with web development concepts.
• Desire to learn about creating accessible web apps.

• Setting up ESLint to Audit Accessibility Issues in React.
• Using react-axe to Audit Accessibility Issues at Runtime.
• Utilizing the axe Browser Extension to Audit Web Pages.
• Visualizing Accessibility Issues with tota11y.
• Testing for Color Contrast Accessibility Issues.
• Navigating Web Pages with VoiceOver.
• Defining Landmark Regions for Accessibility.
• Correctly Defining Heading Levels.
• Ensuring Form Controls have Accessible Labels.
• Adding Image Alternative Text.
• Using Sufficient Color Contrast in Web Design.
• Defining Live Regions for Dynamic Changes.