Index: Links: Accessible Name, Context and Focus Styling

Jon Gunderson, Ph.D., CWAP
Open Web Accessibility, LLC
jongund@openweba11y.com
Presentations

Index of 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. Good practices for defining accessible names for links
  8. Using the ALT attribute for images
  9. Using the TITLE attribute for Glyphicons
  10. JAWS Link Support
  11. NVDA Link Support
  12. Voice Over Link Support
  13. WCAG 2.0 heading context example
  14. NVDA showing list of links with no context markup
  15. Using aria-describedby to define context of a link
  16. NVDA showing List of Links with ARIA-DESCRIBEDBY identifying context
  17. Using aria-labelledby to define the context of the link
  18. NVDA showing List of Links with ARIA-LABELLEDBY identifying context
  19. Using aria-label to define the context of the link
  20. Using offscreen text to define the context of the link
  21. WCAG heading context example using grouping label
  22. Comparsion of Link Context Techniques
  23. Identifying links and link keyboard focus styling
  24. A keyboard focus and mouse hover styling strategy
  25. Keyboard focus should always be visible
  26. Link menu focus and hover styling example