Fix missing skip link on Shopify

This page shows how to fix missing skip link on Shopify. Without a skip link, keyboard users tab through the whole header on every page.

Steps in Shopify

Add a skip link as the first focusable element in Shopify theme.liquid, pointing at the main content id, visible on focus.

Check

1. Press Tab on a fresh load.
2. The first stop should offer Skip to content.
3. It should become visible when focused.

All platforms · Shopify · WCAG 2.4.1