The Approachable Guide to Accessible Components
2h 19m 45s
English
Paid
Course description
"Understandable Guide to Creating Accessible Components" is designed to provide a comprehensive understanding of web accessibility. The course covers fundamental principles, practical methods, and projects to help reinforce the acquired knowledge. You will start by learning the basics of ARIA and assistive technologies, then move on to creating and testing accessible components, gaining the skills necessary for developing inclusive web applications. Each module of the course builds on the previous one, ensuring a cohesive and in-depth learning experience.
Watch Online
Watch Online The Approachable Guide to Accessible Components
0:00
/ #1: Course Introduction
All Course Lessons (20)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Introduction Demo | 01:32 | |
| 2 | Course Overview | 03:31 | |
| 3 | What is Accessibility? | 04:59 | |
| 4 | Accessibility Terminology | 08:54 | |
| 5 | Screen Readers | 05:04 | |
| 6 | ARIA Attributes | 18:21 | |
| 7 | HTML - Headings, Landmarks, and Semantics | 06:19 | |
| 8 | Images and Alt Text | 08:50 | |
| 9 | Labels and Inputs | 04:44 | |
| 10 | Color Contrast and Styles | 08:58 | |
| 11 | Focus Management and Keyboard Interactions | 09:40 | |
| 12 | Performing an Accessibility Audit | 10:28 | |
| 13 | TextInput Component Overview | 02:58 | |
| 14 | Implementing the TextInput Component | 03:55 | |
| 15 | Handling Error Messages | 05:42 | |
| 16 | Tabs Component Overview | 04:08 | |
| 17 | Tabs Implementation - Roles, States, and Properties | 08:20 | |
| 18 | Tabs Implementation - Keyboard Interactions | 08:52 | |
| 19 | Using Radix to Implement the Tabs Component | 13:29 | |
| 20 | Course Wrap-up and Resources | 01:01 |
Unlock unlimited learning
Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Building Full-Stack Apps with AI
Sources: Mckay Wrigley (takeoff)
The course "Building Full-Stack Apps with AI" teaches how to create comprehensive applications using artificial intelligence, suitable for both beginners and...
8 hours 3 minutes 16 seconds
Animations on the web
Sources: Emil Kowalski
Learn how to craft animations that make people feel something. It's for those that like my style of animations and/or anyone aspiring to improve their skills. T
2 hours 23 minutes 59 seconds
Clean Code: Writing Code for Humans
Sources: pluralsight
Anyone can write code a computer can understand, but professional developers write code *humans* can understand. Clean code is a reader-focused development styl
3 hours 10 minutes 36 seconds