All content is accessible with keyboard alone

Make sure your site is fully usable with the keyboard. Flip your mouse upside-down and make sure that your site is usable just typing, using the tab key, making menu selections and more. Assuming that users will use a mouse to navigate your site may impact users who use your site in negative ways. This is most commonly seen with menus that appear when hovering over a section of the page, widgets that do not have keyboard hooks, multimedia content that doesn't use an accessible player, etc. Here are some basic guidelines you should consider:

  • The tab order should match the visual order of your site, so keyboard-only users are able to logically navigate through site content.
  • Avoid the use of the Tabindex attribute. Some uses of Tabindex are acceptable under some scripting situations. Consider this article about the use of Tabindex.
  • Use "skip navigation" or "skip to main content" links at the top of your pages to quickly get to the main sections of your page.
  • Long pages with lots of content should be broken up with anchor links.
  • Make sure all menus on your site can be accessed using the keyboard.
  • Do not use elements that only activate when a user hovers over items with a mouse, as keyboard-only or screen readers users will not be able to activate them.

Resources