Knowledgebase

Designing for Keyboard Use Print

  • uiuxdesign, troubleshooting, downtime, guide, howto, solution, zillionkinghost, hosting
  • 0

Without a mouse.

WHO USES A KEYBOARD

People who cannot use a pointer People using assistive technology Anyone working quickly

WHAT MUST WORK

Every action reachable and operable by keyboard.

WHAT TO CHECK

Move through the page using the keyboard alone, and attempt every task.

WHAT TO LOOK FOR

Whether focus is always visible Whether the order makes sense Whether anything is unreachable Whether focus becomes trapped

THE TRAP PROBLEM

A dialog or widget you can enter but not leave.

WHAT TO ENSURE FOR DIALOGS

Focus moves in on opening, stays within, and returns on closing.

WHAT ORDER TO FOLLOW

The visual order.

WHAT BREAKS IT

Elements positioned visually in one place and ordered differently in the markup.

WHAT TO PROVIDE ON LONG PAGES

A way to skip past repeated navigation.

WHAT NEVER TO DO

Remove the focus indicator.

WHAT TO TEST

The most important task, keyboard only.


Was this answer helpful?
Back

Are you happy with your experience? Leave us a review on Trustpilot.


Trustpilot