Skip to main content

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Introduction

All Course Lessons (20)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Build a Monthly Spending Tracker with HTML, JavaScript and CSS

Build a Monthly Spending Tracker with HTML, JavaScript and CSS

Sources: zerotomastery.io
Master front-end development skills by creating an expense-tracking application using HTML, JavaScript, and CSS. A dynamic interface and Chart.js...
2 hours 26 minutes 14 seconds
Whimsical Animations

Whimsical Animations

Sources: Josh Comeau
Learn how to create enchanting interactions and amazing details using the magic of CSS, JavaScript, SVG, and Canvas. I will share all my...
5 hours 7 minutes 31 seconds
The Complete Junior to Senior Web Developer Roadmap (2023)

The Complete Junior to Senior Web Developer Roadmap (2023)

Sources: udemy
This is the tutorial you've been looking for to no longer be a junior developer, level up your skills, and earn a higher salary. This extensive course doesn’t j
37 hours 7 minutes 57 seconds