Skip navigation and go to content

Workshop

Coding Accessible Interactions and Mechanics

Contents

  1. Intro & Overview

    1. The Keyboard

      1. Identifying Keyboard Operability Issues
      2. Resources for Keyboard-Focused Development
      3. CSS Visibility Techniques in the CampSpots Component Sandbox
      4. Implement a Skip Link Component

    2. Focus Management

      1. Overview of Focus Management
      2. Introducing Roving Tabindex
      3. Adding Roving Tabindex to the Date Picker
      4. Wrapping Up Focus Management

    3. Check Your Work with Screen Readers

      1. Recapping the Screen Reader Experience
      2. Navigating with VoiceOver in Safari on Mac
      3. Check the Date Picker with NVDA on Windows

    4. Announcements with Assistive Technology

      1. An Overview of ARIA Live Regions
      2. Form Validation with ARIA Live Regions

    5. Advanced Scripting with ARIA

      1. Introduction to Advanced Scripting
      2. Component Interaction Modes with the ARIA Application Role
      3. Challenge: Refactor a Slideshow Component
      4. Solution Part 1: Adding Buttons and Key Handling
      5. Solution Part 2: Adding a Live Region and Focus Management to the Slideshow
      6. Solution Part 3: Semantic Updates