Keyboard Navigation

Overview

Some people can't use a mouse and navigate through applications using tools such as a keyboard, mouth wand, or eye tracking system. People should be able to navigate and use the product with a keyboard or screen reader. Make sure anything that can be seen by hovering with a mouse is also accessible to keyboard focus and screen readers.

When creating an application, check if a keyboard can be used to:

1. navigate
2. perform the same tasks as people who use a mouse
3. Locate where you are on the page
4. Tell where the keyboard focus is

Manage focus

Keyboard focus follows the page as the eye would scan it. Focus travels top to bottom, left to right, moving from most to least important item. People can navigate applications using alternative input methods (D-pads, trackballs, keyboards, and navigation gestures), and the focus flows in a logical order.

Use tooltips

Tooltips can be activated by keyboard. When an element gets keyboard focus, a tooltip displays. When that element loses focus, the tooltip disappears.

Validate forms inline

1. Validate forms inline so keyboard users don't have to navigate far to get feedback.
2. Ideally, design interactions to prevent errors happening in the first place and help people fix problems as they occur.

©2022. All rights reserved.
Privacy Policy
Terms of Use