Free tool
Keyboard navigation
Many people never touch a mouse: motor disabilities, tremors, screen readers, or simply habit. We list every stop the Tab key makes on your page, in order, and what it cannot reach.
Try it yourself in two minutes
- Put the mouse asideOpen your page, click in the address bar, then press Tab repeatedly.
- Follow the markerAt each press, a visible outline should show where you are. If it disappears, the focus style was removed.
- Use itOpen the menu with Enter, fill in the contact form, close a window with Escape. Shift + Tab goes back.
What makes a good keyboard path
01
Real elements
Links with href, <button> for actions: the browser handles Tab, Enter and Space by itself.
02
A visible focus
Never outline: none without a replacement. :focus-visible shows the outline for the keyboard only.
03
A shortcut
A “Skip to content” link as the first stop saves dozens of presses on every page.
The order of the list above is the order of your code. If an element appears on screen in one place but in the code somewhere else (CSS grid, order, absolute positioning), the focus will jump around: fix the code order rather than adding tabindex values.
Frequently asked questions
Can my site be used with the keyboard alone?
Enter the page address: the tool lists, in order, every stop the Tab key makes, then the elements it cannot reach. It also flags a removed focus outline and a missing skip link.
Why does the tab order jump around?
The order of the list is the order of your code. If an element appears on screen in one place but elsewhere in the code, the focus will jump. Fix the code order rather than adding tabindex values.
How can I test it myself?
Put the mouse aside, click in the address bar, then press Tab. A visible outline should show where you are. Enter opens the menu, Escape closes a window and Shift + Tab goes back.
