Home

Links: Accessible Name, Context and Focus Styling

Jon Gunderson, Ph.D.

Division of Disability Resources and Educational Services

College of Applied Health Sciences

University of Illinois at Urbana-Champaign

E-mail: jongund@illinois.edu

Slides

  1. Links Overview
  2. Link Usability 101
  3. WCAG 2.0 Link Requirements
  4. WCAG 2.0 Technique Examples
  5. Accessible Name Calculation
  6. Accessible Description Calculation
  7. Basic Screen Reader Commands related to Links
  8. WCAG Heading Context Example
  9. NVDA showing List of Links with No Context Markup
  10. Using aria-describedby to define context of a link
  11. NVDA showing List of Links with ARIA-DESCRIBEDBY identifying context
  12. Using aria-labelledby to define the context of the link
  13. NVDA showing List of Links with ARIA-LABELLEDBY identifying context
  14. Using aria-label to define the context of the link
  15. WCAG Heading Context Example using Grouping Label
  16. Identifying Links and Link Keyboard Focus Styling
  17. Link Menu Focus Styling Example