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.
Transcript
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.
- 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.
About the Course
The course is only long, and is part of Pluralsight's Developing Websites for Accessibility path, which is a collection of courses specific to learning accessibility on the web. You can start with a free 10-day trial, so sign up if you want to learn about Introduction to Developing Custom Components with ARIA.