Charles Sturt University
Charles Sturt University

Keyboard Navigation

All content must be accessible via keyboard navigation.

Many impaired users use only a keyboard to navigate pages and sites. All pages require

  • a visual indicator of the current element with an obvious keyboard focus (usually an underline or change in background)
  • a logical tabbing order
  • keyboard access to all interactive elements of a page especially forms.
  • keyboard access to all scripted elements of a page such as Carousels, lightboxes, or Pop-ups
  • opportunities to skip repeated content such as navigation

Tabbing Order

As you tab through a page, the sequence must be in a meaningful order.  Tab order can be forced through the use of a tabindex attribute. Page elements are given focus in increasing order of their tabindex before other items on a page.

Testing

Navigate using the keyboard

  • ENTER or SPACEBAR - to select current element (such as a link)
  • TAB and SHIFT - to move between interactive elements (such as form fields)
  • ARROW Keys - to scroll the page
  • BACKSPACE - to go back a page (CTL/CMD and Left Arrow)

Further Reading