SkipTo: Enhanced Keyboard Navigation of Web Page Structure

Jon Gunderson

Coordinator of Accessible IT Group

Division of Disability Resources and Educational Services

College of Applied Health Sciences

University of Illinois at Urbana-Champaign

jongund@illinois.edu

Nicholas Hoyt

Software Development and Interaction Design Specialist

Division of Disability Resources and Educational Services

College of Applied Health Sciences

University of Illinois at Urbana-Champaign

nhoyt@illinois.edu

University of Washington Monthly Web Accessibility/Usability Meet-up

Online

February 11th, 2021

Presentations

Slides

  1. Overview
  2. Summary
  3. WCAG Requirement
  4. History of Bypass Blocks
  5. Current Bypass Blocks Techniques
  6. Which disabilities benefit from Bypass Blocks?
  7. HTML Heading and Landmark Elements
  8. Goals of SkipTo.js
  9. Benefits of SkipTo to Users
  10. SkipTo Design: Menu Button
  11. SkipTo Design: Landmarks
  12. SkipTo Design: Headings
  13. SkipTo Design: Actions
  14. SkipTo: Installing and Configuration
  15. SkipTo: Creating a University of Washington Color Theme
  16. Questions and Discussion