A major blocker preventing access for screen reader users and many people with mobility issues in their hands are functions that can only be accessed with a mouse and have no keyboard alternatives.

Programming keyboard accessibility often requires some planning during the interface design phase, but can be accomplished by remembering these principles.

Page Content

Synposis

  1. If a link changes appearance with a hover event, make sure it also changes with a focus event. See the Rollovers page for examples.
  2. Keyboard users can tab to links and form controls by default. If they need to be able to tab to other locations (e.g. instructions in a form), the TABINDEX="0" attribute can be used to force a TAB stop at that tag (e.g a P).
  3. For interactions requiring a click, make sure the click works with the a keyboard input for ENTER/RETURN as well as well as a mouse. This is automatic for Web links and forms, but may need to be programmed if using technologies such as JavaScript or Flash.
  4. Avoid keyboard traps where a user cannot exit a function with the keyboard. For example:
    1. If an event opens a window, make sure there is a way to use the keyboard to close the window and return the cursor to where the trigger link or button is located.
    2. If dropdown menu is used, make sure the keyboard user can navigate the entire menu and also exit it to a point after the menu.
  5. If drag and drop or sliders are used, make sure there is a keyboard alternative programmed. It could be a textbox where values can be directly entered or a series of links performing similar functions as the drag & drop/slider.
  6. If a calendar picker is used, it is recommended that the interface allow a user can enter dates in directly and not be required to use the calendar.
  7. For complex applications, keyboard alternatives (vs. using a menu) are recommended for different functions, but the list should also be easily discoverable by any user.

Common Keyboard Commands

The following keyboard functions are used to operate a Web site. If you are not able to browse a Web page with these keys, there may be other major accessibility issues.

Common Keyboard Functions in Browsers

  • Tab key to move forward to the next link of form field
  • Shift+Tab to move backwards to the previous link or form field
  • Enter/Return to activate a button or link
  • Escape to close a modal or pop-up window
  • Space bar to pause a video or audio player
  • Arrow keys may also be used

Other Browser Keyboard Commands

The following sites include information on keyboard shortcuts for specific browsers and system setup.

Note: Many keyboard shortcuts have been standardized across the browsers

Other Software Packages

Other applications (e.g. Microsoft Office, Canvas, Zoom and others) include keyboard equivalents for their functions. Some are fairly standard such as CONTROL+P for print.

You should review the documentation of any software for keyboard shortcuts to ensure that is accessible.

Top of Page

Last Update: September 21, 2023