Fix focus not visible on Shopify

This page shows how to fix focus not visible on Shopify. Focus is not visible when CSS removes the outline and does not replace it.

Steps in Shopify

In the Shopify theme CSS, delete outline: none on links and buttons, or replace it with a 3 pixel solid outline using :focus-visible.

Check

1. Tab through the header and a form.
2. Look for a visible indicator on each stop.
3. Remove outline none or replace it.

All platforms · Shopify · WCAG 2.4.7