Javscript Accessibility: Fundamental Concepts and User Experience

Jon Gunderson, Ph.D.

Division of Disability Resources and Educational Services

jongund@illinois.edu

Presentations

April 28th, 2016

Illinois Web Conference 2016

Slides

  1. Tribute to the Lumberjack and the Viking (Karl Groves)
  2. Who wants to work in Silicon Valley?
  3. Demand for IT Accessibility Professionals
  4. Overview
  5. Keyboard Focusable Elements
  6. Accessible Rich Internet Application (ARIA): Roles Model
  7. Example: Changing the role of elements
  8. Accessible Name
  9. Accessible Description
  10. Grouping Label
  11. Common Screen Readers
  12. WCAG Heading Context Example
  13. NVDA showing List of Links with No Context Markup
  14. Using aria-describedby to define context of a link
  15. NVDA showing List of Links with ARIA-DESCRIBEDBY identifying context
  16. Using aria-labelledby to define the context of the link
  17. NVDA showing List of Links with ARIA-LABELLEDBY identifying context
  18. Using aria-label to define the context of the link
  19. Using grouping label to define the context of the link
  20. Identifying Links and Link Keyboard Focus Styling
  21. Link Menu Focus Styling Example
  22. ARIA Authoring Practices Guide 1.1
  23. Example Widget: Popup Menu
  24. Example Widget: Carousel
  25. Example Widget: SkipTo.js
  26. Questions and Discussion