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

Web Security Dev Academy - 12-week online program

Web Security Dev Academy - 12-week online program

Sources: Bartosz Pietrucha
Master the full picture of web security and learn to develop secure full-stack applications with reliable authentication, protection against vulnerabilities...
16 hours 37 minutes 20 seconds
Developing LLM App Frontends with Streamlit

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
Full-Stack Fundamentals 2 - Backend

Full-Stack Fundamentals 2 - Backend

Sources: Mckay Wrigley (takeoff)
In the first project, we focused on the frontend, creating a personal portfolio website. Now we will take the next step towards full-stack development...
1 hour 45 minutes 49 seconds