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

Software Essentialist

Software Essentialist

Sources: Khalil Stemmler
Learn to write scalable, testable TypeScript and Master the 12 Essentials of design, architecture & testing from first principles.
34 hours 6 minutes 47 seconds
Web Components Demystified

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
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
Remix Bootcamp: Zero to Mastery

Remix Bootcamp: Zero to Mastery

Sources: zerotomastery.io
Join Remix Bootcamp to master full-stack web development. Learn from industry experts to build better websites and advance your career in web development
21 hours 2 minutes 22 seconds