English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 20 Lessons (2h 19m) | 596 MB
Explore fundamental accessibility concepts and apply your knowledge by building real-world UI components. This course provides a solid foundation that you can build upon with relevant examples that help make the concepts “stick”. Learn the ethos behind why accessibility is important, what the techniques are to create accessible components, and how to apply those principles when building out sample components. By the end of this course, you will have built a “lens” for accessibility, created practical components that meet accessibility standards, and obtained the skills to identify and address accessibility issues.
Learn WAI-ARIA Standards and Craft Accessible Components for a More Inclusive UX
What you will learn
- ARIA and its role in assistive technology.
- Using proper labels and inputs to craft accessible forms.
- Testing for accessibility using tools like screen readers and browser extensions.
- Definitions of common accessibility terminology and acronyms.
- Ensuring color contrast and visual affordances for interactive elements.
- How to manage focus and keyboard interactions.
- How to leverage modern UI patterns like headless components to build accessible components.
Table of Contents
1 Course Introduction
2 Course Overview
3 What is Accessibility
4 Accessibility Terminology
5 Screen Readers
6 ARIA Attributes
7 HTML – Headings, Landmarks, and Semantics
8 Images and Alt Text
9 Labels and Inputs
10 Color Contrast and Styles
11 Focus Management and Keyboard Interactions
12 Performing an Accessibility Audit
13 TextInput Component Overview
14 Implementing the TextInput Component
15 Handling Error Messages
16 Tabs Component Overview
17 Tabs Implementation – Roles, States, and Properties
18 Tabs Implementation – Keyboard Interactions
19 Using Radix to Implement the Tabs Component
20 Course Wrap-up and Resources
Resolve the captcha to access the links!