Accessibility

At a glance

Skip link, focus outlines, reduced motion, and focus ring styling for keyboard users.

Theme editor path: Online Store → Customize → Theme settings → Accessibility

Customize accessibility features to ensure your store is usable by all customers, including those using assistive technologies.

Setting	What it does	Default	Shows when
Enable 'Skip to content' link	Adds a hidden link at the top of the page that becomes visible when focused, allowing keyboard users to skip navigation.	Yes	Always
Show focus outlines	Displays visible outlines around interactive elements when they receive keyboard focus.	Yes	Always
Respect reduced motion preference	Automatically reduces animations for users who have enabled this setting in their system preferences (WCAG 2.3.3).	Yes	Always
Focus ring color	Controls “Focus ring color” on the storefront. Open the theme editor to preview live.	#000F9F	Always
Focus ring width	Controls “Focus ring width” on the storefront. Open the theme editor to preview live.	2	Always

Each control from the tables above, explained simply:

Adds a hidden link at the top of the page that becomes visible when focused, allowing keyboard users to skip navigation. Default: Yes.

Displays visible outlines around interactive elements when they receive keyboard focus. Default: Yes.

Automatically reduces animations for users who have enabled this setting in their system preferences (WCAG 2.3.3). Default: Yes.

Controls “Focus ring color” on the storefront. Open the theme editor to preview live. Default: #000F9F.

Controls “Focus ring width” on the storefront. Open the theme editor to preview live. Default: 2.

Changes apply store-wide — check home, product, and collection pages after saving.
Pair with section-level color schemes for page-specific overrides.
Read How theme settings work for how globals connect to sections.