In this course you’ll get hands-on experience making web applications accessible. You’ll understand when and why users need accessibility. Then you’ll dive into the “how”
Overview
Syllabus
- Accessibility Overview
- Explore the diversity of different users experience with web sites and applications. Learn about using screen readers practically and recognize the challenge of building web experiences for all users.
- Focus
- Manage focus - the location on a page that receives input from the keyboard. Discover how some users navigate website entirely with the keyboard, and how to optimize their experience.
- Semantics Basics
- Dive into the differences between visual UI and semantically designed accessible UI. Add semantic elements to HTML to create a user interface that works for everyone.
- Navigating Content
- Implement effective semantic navigation using headings, link text and landmarks.
- ARIA
- Sometimes an HTML element may not have a role or value assigned semantically. In this lesson, you'll use ARIA attributes to provide context for screen readers.
- Style
- Incorporate CSS styling into your accessible web design and use accessible color schemes to improve accessibility.
Taught by
Alice Boxhall and Michael Wales