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
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
Scalable TDD & Testing
Sources: Logic Room
The course "Scalable TDD and Testing" will help JavaScript UI engineers master an approach to scalable testing that is not dependent on a specific framework.
2 hours 56 minutes 56 seconds
Developing LLM App Frontends with Streamlit
Sources: zerotomastery.io
This byte-sized course will teach Streamlit fundamentals and how to use Streamlit to create a frontend for your LLM-powered applications.
1 hour 43 minutes 52 seconds
The Complete 2023 Web Development Bootcamp
Sources: udemy
Welcome to the Complete Web Development Bootcamp, the only course you need to learn to code and become a full-stack web developer. With over 12,000 ratings and a 4.8 average, my...
62 hours 32 minutes 23 seconds
Practical Accessibility - Practical Accessibility for web designers and developers
Sources: Sara Soueidan
This 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 for
14 hours 47 minutes 28 seconds
Web Components Demystified
Sources: Scott Jehl
If you are like me, then you have probably been hearing a lot about web components lately. Many of us are looking for ways to integrate web components into...
7 hours 51 minutes 36 seconds