Shopify fix guide
Fix Missing focus indicator on Shopify
Do not remove outlines without replacing them.
Check your live page
Canonical issue page: Missing focus indicator →
What this issue means
Fixes
Use `:focus-visible` styles with sufficient contrast. Avoid `outline: none` unless you supply a custom ring.
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
Use :focus-visible with a high-contrast ring or offset box.
Never remove outlines unless you replace them with an equally clear indicator.
Related: 2.4.7 Focus Visible.
Other platforms
TestAccessibility · Programmatic fix page · localhost:3001