Menu

Accessibility

Keyboard Navigation Testing

A practical UX and accessibility method for testing whether users can navigate and interact without pointer-based input.

How to run keyboard navigation testing to identify focus, interaction, and task-completion barriers.

4 min read

What it is

Keyboard is a UX and method used to evaluate how well a product can be used without a mouse.

It involves navigating through the using only a keyboard to assess , , and usability.

This method is critical for users who rely on keyboards due to motor impairments, as well as for users.

It focuses on how users move through content, interact with elements, and understand where they are.

The goal is to ensure the experience is fully usable without relying on pointer-based input.

If users cannot complete key tasks with a keyboard alone, accessibility is broken.

When to use it

Use this method when and matter.

It is most useful when:

you are building accessible products
you need to meet WCAG standards
you are testing navigation and interaction
you want to validate real user scenarios
you are auditing key journeys

It is less useful when:

the product is still in very early concept stages
accessibility is not being prioritised
Keyboard navigation testing is often used as part of accessibility audits.

Key takeaway

Run keyboard-only checks on real journeys, not just isolated components.

How to run it

Set up properly

Decide which flows you are testing and what the expected keyboard is for each interactive component. Custom controls are where expectation and implementation part company.

Test realistic scenarios rather than isolated components. Most keyboard failures appear at the joins: opening a menu, dismissing a modal, returning from an error.

Run the method

Keyboard is hands-on and systematic, and it is the cheapest check available. It needs no tooling and no specialist knowledge.

  1. Navigate with Tab, Shift+Tab, Enter, Space and the arrow keys, and nothing else.
  2. Move through every interactive element in turn. Anything reachable by mouse but not by keyboard is a blocker, not a nice-to-have.
  3. Check against the visual order, and check that focus is always visible. Invisible focus is the same as no focus for the person using it.
  4. Test every without a mouse, including the ones that feel fiddly. Menus, date pickers and custom dropdowns fail here more than anything else.
  5. Attempt to complete whole tasks, not individual steps. Focus that jumps to the top of the page after an action will pass a component check and fail a person.

Do not switch back to the mouse, even briefly. The moment you do, you stop being able to tell whether the path was completable.

Capture and make sense of it

The value comes from real . After testing, document:

  • problems, and where focus was lost or trapped
  • that were unreachable or unusable without a pointer
  • Fixes prioritised by whether they block a task
  • Journeys that now complete cleanly, so regressions are visible later

Use this to improve and . Keyboard access underpins most assistive technology, so fixing it here fixes it in several places at once.

What to look for

Focus on:

Focus order: whether navigation follows a logical sequence
Visibility: whether focus states are clear
Interaction: whether all actions are accessible via keyboard
Traps: whether users can get stuck in components
Completion: whether tasks can be completed fully

Where it goes wrong

Most issues come from:

If users can’t navigate, they can’t use it.

Focus states that are missing, or present and invisible against the background
A tab order that jumps around the page in an order nobody would predict
Custom components (menus, date pickers, modals) that a keyboard cannot operate
Interactions built for a pointer, with no keyboard equivalent at all
Checking components in isolation rather than completing a whole task

What you get from it

Done properly, this method gives you:

The cheapest accessibility win available, needing no tooling
Confidence that every task can be finished without a mouse
Fixes that underpin screen readers and switch access at the same time
A baseline you can re-test in minutes whenever something changes

Key takeaway

It helps ensure your product works without a mouse.

Get in touch

If this sounds like something you need, we can test your product’s keyboard navigation and fix the issues that prevent users from interacting properly.

No guesswork. No assumptions. Just accessible, usable design.

FAQ

Common questions

A few practical answers to the questions that usually come up around this method.

What is keyboard navigation testing in UX?

It is a method for testing whether a product can be used using only a keyboard.

When should you use keyboard navigation testing?

As soon as anything is interactive. It is the cheapest accessibility check there is (put the mouse down and try to finish a task), so it belongs in routine QA rather than a pre-launch audit. Re-test whenever modals, menus or custom controls change.

What should you test?

Navigation, focus states, interactions, and task completion.

Who actually depends on keyboard navigation?

Some users rely entirely on keyboard input.

Does keyboard navigation testing improve UX?

Yes. It ensures your product is usable for more people.

Quick take

If your product can’t be used with a keyboard alone, it’s not accessible.

LET'S WORK TOGETHER

Ready to improve your product?

UX, research and product leadership for teams tackling complex digital services.

Previous feedback

I had a fantastic experience working with Andy. One of his most impressive achievements during our time at NHS HEE was masterminding a deeply complex information architecture for a new platform that brought together a large number of legacy websites.

Will Parkhouse

Senior Content Designer