Reviewed October 14, 2026

How to test your Shopify store with only a keyboard in 15 minutes

Start on your homepage and press Tab. You should always see a clear focus outline, move in a logical order, open menus and the cart with Enter or arrow keys, and reach checkout without getting trapped. Note every place the focus disappears, jumps, or cannot escape, and fix those before any visual redesign.

Set up the test properly

Use a desktop browser, put your mouse in a drawer, and keep a notepad open. Turn on the setting that shows a focus indicator, and in some browsers enable full keyboard access so Tab reaches every control, not just form fields.

Give yourself a real task: find a specific product, choose a variant, add it to the cart, change the quantity, and start checkout. A task based test finds problems that random tabbing misses.

Minutes one to five: header and navigation

Tab from the top. The first stop should be a skip link or the logo, and a visible outline should follow you into the menu. Menus that only open on hover are the first common failure: keyboard users need Enter or arrow keys to open them.

Watch the order. Focus should move the way eyes move, left to right and top to bottom. If Tab jumps from the header to a popup to the footer and back, keyboard shoppers experience your store as a maze.

Minutes five to ten: product page

On the product page, test the parts mouse users never think about: image galleries, variant pickers built from styled swatches, quantity steppers, and accordions for shipping and returns. Each one should be reachable and operable with keys alone.

Swatches are a frequent dead end. If you cannot select a size or color without a mouse, a keyboard shopper cannot buy that product at all, no matter how good the rest of the page is.

Minutes ten to fifteen: cart and checkout handoff

Open the cart drawer with the keyboard, change a quantity, and remove an item. Focus should move into the drawer when it opens and return to a sensible place when it closes, not vanish to the top of the page.

Modals and popups are where focus gets trapped or lost. You should be able to close any popup with Escape. If a discount popup cannot be dismissed by keyboard, it is not a minor annoyance; it is a locked door.

Turning findings into fixes

Write down each failure as a place, a task, and what happened: product page, choose size, swatch not reachable. That format hands a developer or theme support team something they can reproduce and fix.

Retest after every theme update or new app install. Apps inject their own buttons and popups, and keyboard access that worked in January can break with a March app update nobody connected to accessibility.

Frequently asked questions

Do I need a screen reader for this test too?

Keyboard testing comes first because it is fast and finds most structural problems. A screen reader pass adds what a keyboard test cannot, like whether labels and alt text make sense, and is a good second step.

What is a focus trap and why does it matter?

A focus trap in the bad sense is a popup or menu you cannot leave or close with the keyboard, which strands the shopper. Cart drawers should hold focus while open by design, but must always offer a keyboard way out.

My theme has no visible focus outline. Is that a real problem?

Yes. Keyboard users navigate by watching the outline move. Removing it for looks is like removing the cursor for mouse users. A theme or developer can restore a clear outline with a small style change.

How often should I repeat the keyboard test?

After theme updates, app installs, and any redesign of the header, product page, or cart. For a stable store, a quarterly fifteen minute pass catches most regressions before a customer reports them.