Shopify Accessibility Theme Areas | Which Liquid file to open first

Open the Liquid file the scan is actually pointing at.

Paste an axe-core JSON export. The tool groups affected nodes by likely Shopify theme area — product form, header, cart, collection — so a developer starts in the right section. Need the dated record instead? Generate the evidence report. Need a price? Estimate remediation hours and a quote range. Need to see what a fix changed? Compare before and after scans.

Paste axe JSON

{
  "url": "https://example.com",
  "testEngine": { "name": "axe-core" },
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "help": "Elements must meet minimum color contrast ratio",
      "nodes": [
        { "html": "<button class=\"product-form__submit\">Add to cart</button>", "target": [".product-form button.add-to-cart"] },
        { "html": "<button class=\"product-form__submit\">Buy now</button>", "target": [".product-form .shopify-payment-button"] }
      ]
    },
    {
      "id": "link-name",
      "impact": "serious",
      "help": "Links must have discernible text",
      "nodes": [
        { "html": "<a class=\"header__icon\"></a>", "target": ["header nav a.header__icon"] }
      ]
    },
    {
      "id": "button-name",
      "impact": "critical",
      "help": "Buttons must have discernible text",
      "nodes": [
        { "html": "<button class=\"cart-drawer__close\"></button>", "target": [".cart-drawer button"] }
      ]
    },
    {
      "id": "image-alt",
      "impact": "critical",
      "help": "Images must have alternate text",
      "nodes": [
        { "html": "<img class=\"product-card__image\">", "target": [".collection .product-card img"] }
      ]
    }
  ],
  "passes": [{ "id": "html-has-lang" }],
  "incomplete": []
}

Do not keep an anonymous local usage count

Where to open first

No scan routed yet.

Paste a scan and choose Route to theme areas.

Your theme-area punch list will appear here.

Common questions

Does this tell me which Liquid file to edit?

It suggests the most likely theme area from axe selectors and HTML snippets. That is a heuristic, not a guarantee of the file path, and it is not a compliance determination.

Is my axe JSON uploaded?

No. The scan stays in your browser. The tool counts only anonymous feature events in localStorage, with an opt-out.