Keyboard Navigation Print

  • websiteaccessibility, website, troubleshooting, guide, howto, solution, zillionkinghost, hosting
  • 0

Using a site without a mouse.

WHO NEEDS IT

People with motor impairments, screen reader users, people using voice control, and anyone whose mouse has failed.

THE TEST

Press Tab repeatedly. Can you reach every link, button and form field?

Press Enter and Space. Do controls activate?

Can you complete a form, open the menu, and close a dialog?

WHAT SHOULD HAPPEN

Focus moves in a logical order, generally matching the visual order.

The focused element is clearly visible.

Everything interactive is reachable.

THE FOCUS INDICATOR

The outline showing where you are.

Removing it for appearance is a serious accessibility failure and it is common.

If the default outline is unattractive, style it. Do not remove it.

COMMON FAILURES

Custom dropdowns that only respond to hover Modal dialogs that cannot be closed by keyboard Focus jumping unpredictably Hidden elements still receiving focus Focus trapped somewhere with no escape

STANDARD HTML ELEMENTS

Buttons, links and form fields are keyboard accessible by default.

Problems come from custom components and from styling that removes default behaviour.


Was this answer helpful?
Back

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


Trustpilot