đ Key Learning Outcomes
- 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.
đ¨âđĢ About the Course
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.
đ¯ Target Audience
- Ideal for beginners interested in web development and accessibility.
- Suitable for developers looking to enhance their skills in creating inclusive web applications.
â Requirements
- Basic understanding of React.
- Familiarity with web development concepts.
- Desire to learn about creating accessible web apps.
đ Course Content
- 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.
Drop a comment
Develop Accessible Web Apps with React by Erin Doyle
Log in to leave a feedback
Loginđ Psst! Interested in More React Courses?
ECommerce Product Management & Storefront with GraphCMS, Snipcart, & Next.jsVideo
by Colby Fayock
đšī¸ Levels: đ Intermediate
âŗ Duration: 3 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
React Crash Course with HooksVideo
by Chris Achard
đšī¸ Levels: đą Beginner
âŗ Duration: 0.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
Simplify State Management with React QueryVideo
by Tomasz Ducin
đšī¸ Levels: đ Intermediate
âŗ Duration: 1 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io