Fix guides·Shopify·WCAG 2.2 Level A

Fix WCAG 1.3.1 Info and Relationships on Shopify

Use semantic HTML so structure is conveyed to assistive tech.

How to fix it

  1. 01

    In your Shopify theme, open the Liquid template that renders the affected element (often `sections/header.liquid` or product templates).

  2. 02

    Apply the WCAG 1.3.1 fix: Use <nav>, <main>, <h1>-<h6>, lists, and form labels — not divs styled to look like them.

  3. 03

    Re-scan with A11yPing to verify the issue clears.

Why it matters

WCAG 1.3.1 is a Level A success criterion. Level A failures appear in most ADA web-accessibility lawsuits — over 5,000 were filed in 2025. Typical settlements run $5,000–$30,000 plus remediation cost.

Verify the fix

Run a free scan after deploying. Issue should clear and your risk score should drop.

Run free scan

Same fix on other platforms: WordPress · Webflow · Next.js · Squarespace