Introduction to Developing Custom Components with ARIA

Set yourself above other front-end engineers by learning the core concepts and rules needed to architect and build any accessible custom component with ARIA, in order to provide inclusive experiences for all users.
Course info
Rating
(15)
Level
Beginner
Updated
Dec 20, 2019
Duration
1h 29m
Table of contents
Description
Course info
Rating
(15)
Level
Beginner
Updated
Dec 20, 2019
Duration
1h 29m
Your 10-day individual free trial includes:

Expert-led courses

Keep up with the pace of change with thousands of expert-led, in-depth courses.
Description

ARIA can be difficult to understand and learn, but it is absolutely essential in order to provide a rich and interactive experience on the web. In this course, Introduction to Developing Custom Components with ARIA, you’ll learn foundational knowledge to build accessible interactive components using ARIA. First, you’ll explore important resources essential to guiding you as you engineer your custom components. Next, you’ll learn about the 5 rules of ARIA and the 3 things that all interactive components must provide. Finally, you’ll discover how to build an expandable component and a menu button as practical examples. When you’re finished with this course, you’ll have the skills and knowledge of the core principles that will guide you to develop your own accessible components using ARIA in order to ensure a good experience for everyone.

About the author
About the author

Gerard K. Cohen loves front end engineering so much that he is on a mission to make sure that the web is inclusive to all users, making rich internet experiences available for all. He believes great user experience includes performance and accessibility. 

More from the author
Accessibility: Testing and Screen Reader Use
Intermediate
2h 43m
Dec 9, 2020
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, everyone. My name is Gerard K. Cohen, and welcome to my course Introduction to Developing Custom Components with ARIA. I am a passionate front‑end engineer, a member of the W3C Web Apps Working Group and a frequent speaker at web and accessibility conferences around the country. By day, I'm a lead accessibility strategist at one of the nation's largest banks. And I lead a team of accessibility professionals in architecting and engineering accessible components as part of a UI library used by over 80 different commercial applications. ARIA is absolutely essential in order to provide a rich and interactive experience on the web today, this course is going to expose you to the official ARIA Standard and authoring practices and how to use them properly. The Five Rules of ARIA with practical examples on how to follow them, the three core elements that every interactive component should provide and the dangers in ARIA and the importance of testing your interactive components properly. I'll do all this by going through some practical code examples to help demonstrate real world scenarios that everyone could relate to and build upon for more complex cases. I'll also share some important tips and tricks that I've picked up so that you don't have to learn the hard way. Before beginning this course, you should be familiar with HTML, CSS and JavaScript and have a solid understanding of accessibility fundamentals. ARIA is not always easy, and it's not something you can just copy and paste. There are a lot of variables and pitfalls that could make things difficult for you and ultimately create barriers for users. Even though I go through some practical examples, this is not just a course on how to build specific interactive components. Instead, by the end of this course, you'll know the core principles that will guide you to develop your own accessible components using ARIA in order to ensure a good experience for everyone. I hope you'll join me on this journey to learn how to make dynamic and interactive widgets inclusive to everyone. With the Introduction to Developing Custom Components with ARIA course at Pluralsight.