"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.
The Approachable Guide to Accessible Components
2h 19m 45s
English
Paid
About the Author: Fullstack.io
Fullstack.io is the technical book and course publisher founded by Nate Murray, Ari Lerner, and team — known for the ng-book Angular series, the React Quickly books, and the fullstack React series that anchored a generation of working developers' first deep-dive into modern JavaScript framework material. Fullstack.io has since rebranded to Newline for its newer course catalog.
The book / course catalog covers the modern JavaScript framework landscape — Angular, React, Vue, GraphQL, Node.js — at the level of comprehensive reference works rather than introductory tutorials. The Fullstack.io style is unusually rigorous about the underlying APIs and edge cases that ship projects to production.
The CourseFlix listing under this source carries over 20 Fullstack.io / Newline courses spanning that range. Material is paid; the original platform sold both per-course access and membership tiers. Courses are aimed at developers ready to move past introductory tutorials into the depth of a chosen framework.
Watch Online 20 lessons
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 subscriptionCourse content
20 lessons · 2h 19m 45sShow all 20 lessons
- 1 Course Introduction 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
Related courses
-
Practical Accessibility - Practical Accessibility for web designers and developers
Sources: Sara SoueidanThis course is your guide to the world of web accessibility. It is designed to dispel myths, simplify complex topics, and provide you with practical skills for14 hours 47 minutes 28 seconds -
Build & Test Accessible Web Apps | Testing Accessibility (PRO)
Sources: Marcy SuttonComprehensive Accessibility Training for Creating High-Quality Web Applications A self-paced course designed to teach the principles and effective...16 hours 30 minutes 59 seconds
Frequently asked questions
What is The Approachable Guide to Accessible Components about?
"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…
Who teaches The Approachable Guide to Accessible Components?
The Approachable Guide to Accessible Components is taught by Fullstack.io. You can find more courses by this instructor on the corresponding source page.
How long is The Approachable Guide to Accessible Components?
The Approachable Guide to Accessible Components contains 20 lessons with a total runtime of 2 hours 19 minutes. All lessons are available to watch online at your own pace.
Is The Approachable Guide to Accessible Components free to watch?
The Approachable Guide to Accessible Components is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch The Approachable Guide to Accessible Components online?
The Approachable Guide to Accessible Components is available to watch online on CourseFlix at https://courseflix.net/course/the-approachable-guide-to-accessible-components. The page hosts every lesson with the integrated video player; no download is required.