Personal site to archive accessibility-related learnings, mostly focused on technical implementations.

Courses

ARIA Foundations for Web Accessibiity

ARIA can be difficult to understand and learn. It's not as simple as just dropping random properties on elements, but it is absolutely essential in order to provide a rich and interactive experience on the web. In this course, ARIA Foundations for Web Accessibility, 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 five rules of ARIA and the three things that all interactive components must provide. Finally, you'll discover how to build a custom menu button as a practical example. 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.

Gain the core foundations and concepts that will allow you to confidently build accessible custom components with ARIA, using practical examples that will help you provide inclusive experiences for all users.

About the Course

The course is about long, as part of Pluralsight's Web 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 the ARIA Foundations for Web Accessibiity.

Course contents
  1. Introduction to ARIA (21m)
    1. Introduction to ARIA (1m 56s)
    2. Official ARIA Standard (5m 23s)
    3. 5 Rules of ARIA (6m 33s)
    4. ARIA Authoring Practices Guide (APG) (5m 29s)
    5. The Dangers of ARIA (1m 52s)
  2. Building a Custom Menu Button: Semantics (30m)
    1. Building a Custom Menu Button: Semantics (6m 32s)
    2. Demo: Inaccessible Menu Button (2m 8s)
    3. Menu Button Semantics (5m 32s)
    4. Menu Button States and Properties (8m 12s)
    5. List Semantics (8m 16s)
  3. Building a Custom Menu Button: Keyboard Interaction (5m)
    1. Building a Custom Menu Button: Keyboard Interaction (5m 24s)
  4. Building a Custom Menu Button: Additional Considerations (4m)
    1. Building a Custom Menu Button: Additional Considerations (4m 46s)
  5. Building a Custom Menu Button: Testing (25m)
    1. Basic Accessibility Checks (3m 13s)
    2. Testing with Desktop Screen Readers (8m 20s)
    3. Testing with Mobile Screen Readers (4m 6s)
    4. How to Handle Variations (5m 56s)
    5. Improvements to Menu Button (2m 45s)
    6. Wrap Up (1m 18s)

Testimonials

Has this course helped you? Be the first to provide provide feedback! It really makes all the preparation and video editing worth the stress. Thank you for your kind words.