How ARIA Works and what's new in ARIA 1.2

Jon Gunderson, Ph.D.

Division of Disability Resources and Educational Services

College of Applied Health Sciences

University of Illinois at Urbana-Champaign

HighEdWeb Accessibility Summit


June 25th, 2020



  1. Overview
  2. Purpose of ARIA is Describe Semantics and Behavior
  3. ARIA Contract with Browsers and Assistive Technologies
  4. Tabindex and Keyboard Focus
  5. Accessible Name Calculation
  6. Accessible Description Calculation
  7. Example Widget: Inaccessible Custom Checkbox
  8. Basic Screen Reader Commands
  9. Part 1 Responding to the keyboard
  10. Part 2: Adding role, checked state and accessible name
  11. Part 3: Keyboard Focus and hover styling
  12. Part 4: Synchronization of ARIA and visual states
  13. Example Widget: Accessible Custom Checkbox Widget using ARIA
  14. Using ARIA in HTML (Best Practices)
  15. New features in ARIA 1.2
  16. ARIA Authoring Practices 1.2 (Working Draft)
  17. Open Source Tools
  18. Questions and Discussion