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

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
Build Responsive Real World Websites with HTML5 and CSS3

Build Responsive Real World Websites with HTML5 and CSS3

Sources: udemy
The easiest way to learn modern web design, HTML5 and CSS3 step-by-step from scratch. Design AND code a huge project.
37 hours 28 minutes 39 seconds
Next Auth V5 - Продвинутое руководство

Next Auth V5 - Продвинутое руководство

Sources: Code With Antonio
In this 8-hour course, you will learn how to create your own authentication toolset using the latest version of Next Auth v5 (Auth.js). We...
8 hours 1 minute 8 seconds
Full-Stack Fundamentals 1 - Frontend

Full-Stack Fundamentals 1 - Frontend

Sources: Mckay Wrigley (takeoff)
As part of this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you...
1 hour 8 minutes 57 seconds