Skip to main content

Shopify fix guide

Fix Keyboard traps on Shopify

If focus cannot escape a component, keyboard users are stuck.

Check your live page

Canonical issue page: Keyboard traps

What this issue means

Fixes

On open, move focus to the dialog; on close, restore focus. Escape should close when appropriate.

How to fix on Shopify

In Shopify, prioritize theme Liquid and section JSON: product cards, cart drawers, and app embeds. Some issues need a theme developer or app vendor; capture the public report link when you open a ticket.

How to fix

On open, send focus to the first interactive control; on close, restore focus to the trigger.

Support Escape where users expect dismissal; document exceptions.

Related: 2.1.2 No Keyboard Trap.

Other platforms

TestAccessibility · Programmatic fix page · localhost:3001