How to run a basic keyboard test

Most accessibility problems are caught by real humans, not automated tools. So how do you get started with testing like a human (assuming you are human)? The simplest way to start is keyboard testing. You don’t need any plugins, software, or special setup.

By navigating your website only using the keyboard, you’ll find barriers automated tools never will (e.g. focus that vanishes, dropdowns that trap you, buttons/links you can’t reach). If it breaks with a keyboard, it’s breaking for other assistive technology and anyone else who can’t use a mouse.

Here are the basic keyboard controls you need to know:

One platform note: On Mac, Safari requires “Press Tab to highlight each item on a webpage” to be enabled in settings. Chrome and Firefox on Mac work like this by default.

Run your first test

Open your site and set your mouse aside. Press Tab and start moving through the page. As you go, ask yourself:

• Can I see where focus is at all times?
• Can I reach every interactive element by tabbing?
• Does the tab order follow a logical reading order?
• Can I open and close menus, dropdowns, and modals using only the keyboard?
• Does focus ever get trapped or disappear entirely?

If you can complete core tasks on your site using only a keyboard, that means you’re well on your way to an accessible user experience for users who rely on keyboard-only navigation. If you find any issues, be sure to document them and discuss a plan to fix them with your developer or website support team.

Keyboard testing is the fastest way to find accessibility barriers that automated tools will never catch. Put the mouse down for five minutes and see what you find.