CF

The Approachable Guide to Accessible Components

2h 19m 45s
English
Paid

"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.

About the Author: Fullstack.io

Fullstack.io thumbnail

Fullstack.io is the technical book and course publisher founded by Nate Murray, Ari Lerner, and team — known for the ng-book Angular series, the React Quickly books, and the fullstack React series that anchored a generation of working developers' first deep-dive into modern JavaScript framework material. Fullstack.io has since rebranded to Newline for its newer course catalog.

The book / course catalog covers the modern JavaScript framework landscape — Angular, React, Vue, GraphQL, Node.js — at the level of comprehensive reference works rather than introductory tutorials. The Fullstack.io style is unusually rigorous about the underlying APIs and edge cases that ship projects to production.

The CourseFlix listing under this source carries over 20 Fullstack.io / Newline courses spanning that range. Material is paid; the original platform sold both per-course access and membership tiers. Courses are aimed at developers ready to move past introductory tutorials into the depth of a chosen framework.

Watch Online 20 lessons

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

Related courses

Frequently asked questions

What prerequisites are needed for this course?
The course is designed to be approachable for individuals with a basic understanding of web development. Familiarity with HTML, CSS, and JavaScript will be beneficial, as the course involves implementing web components and understanding ARIA attributes. No prior experience with accessibility is required, as the course starts with fundamental concepts and builds from there.
What projects will I work on in this course?
In this course, you will work on creating accessible components, such as the TextInput component and the Tabs component. You'll go through the overview and implementation of these components, focusing on roles, states, properties, and keyboard interactions. Additionally, you will learn to conduct an accessibility audit to ensure your components meet accessibility standards.
Who is the target audience for this course?
This course is aimed at web developers and designers who want to gain a solid understanding of web accessibility. It is particularly useful for those looking to create inclusive web applications by learning to implement accessible components using ARIA attributes and assistive technologies.
How does this course compare in depth to other accessibility courses?
The course offers a comprehensive approach to web accessibility by covering both theoretical principles and practical implementation. With 20 lessons that build on each other, it provides a structured and thorough learning experience, covering topics such as ARIA attributes, screen readers, and performing accessibility audits. It emphasizes hands-on learning through component implementation.
What specific tools or platforms will I learn to use?
The course includes the use of Radix, a library for building accessible components, which is applied in the implementation of the Tabs component. You'll also learn about assistive technologies like screen readers and how to perform accessibility audits with various tools to ensure components meet accessibility standards.
What topics are not covered in this course?
While the course provides a detailed understanding of web accessibility and component creation, it does not cover advanced topics like mobile accessibility or internationalization. The focus is primarily on web applications and components, with key topics like ARIA attributes, keyboard interactions, and screen readers.
How much time should I expect to commit to this course?
The course does not specify a total runtime, but it consists of 20 lessons, each building on the previous one. Given the structured nature of the course with hands-on projects, you should be prepared to dedicate time to both lessons and practical implementation exercises, likely amounting to several hours per week over a period of weeks, depending on your pace.