MetricLabs
Coming soon

WCAG Scanner

Find and fix every accessibility issue, site-wide

WCAG Scanner crawls your entire Shopify storefront, maps every WCAG 2.2 violation, and delivers prioritised fix instructions - colour contrast, missing alt text, broken heading hierarchy, keyboard traps, and more. One scan, zero blind spots.

See features
Before
<input type= "email" placeholder= "Email" >
After
<label for= "email" > Email address </label> <input id= "email" type= "email" placeholder= "Email" >
The problem

You can't fix what you can't see

Most Shopify stores have dozens of hidden accessibility violations - low-contrast buttons, images with missing alt text, form fields without labels, heading levels that skip from H2 to H5. Manual audits cost thousands and go stale the moment you publish new content. A lawsuit under the ADA or European Accessibility Act can cost far more. You need automated, continuous scanning.

The solution

A full-site WCAG 2.2 audit in under three minutes

WCAG Scanner installs in one click and runs a headless crawl of every page on your store. It maps each violation to the exact WCAG 2.2 success criterion, scores it by severity, and generates step-by-step fix instructions your developers can ship without decoding standards documents. Scan on demand or schedule weekly runs.

Everything you need

Purpose-built for Shopify stores that take performance seriously.

  • Full-Site Crawl

    Automatically discovers and scans every page - product pages, collections, blog posts, checkout - with zero manual URL input required.

  • WCAG 2.2 Issue Mapping

    Every violation is mapped to its exact success criterion (SC 1.4.3, SC 2.1.1, etc.) with severity levels: Critical, Serious, Moderate, and Minor.

  • Before / After Fix Preview

    See exactly how your element looks before the fix and after. Approve suggested fixes with one click to generate a theme code patch.

  • Contrast Checker

    Pixel-accurate colour contrast analysis for every text element against its background, flagging WCAG AA (4.5:1) and AAA (7:1) failures.

  • Scheduled Scans

    Set weekly or monthly scans so new content never introduces regressions. Get a Slack or email digest when your score changes.

  • Compliance Report Export

    Generate a branded, timestamped WCAG 2.2 compliance report as PDF - ready for legal teams, enterprise clients, or accessibility auditors.

How it works

Under the hood, so you don't have to be.

A scan that reads your store the way a screen reader does

WCAG Scanner drives a headless Chromium browser through your entire store, loading each page with JavaScript executed and dynamic content rendered. It captures the accessibility tree, not just the HTML source - so ARIA attributes, focus management, and dynamic widgets are all checked in their live state. No false negatives from server-side-only inspection.

Issues prioritised by real-world impact

Not all violations are equal. A missing skip-navigation link matters less than a form with no labels. WCAG Scanner scores every issue on a four-point severity scale and sorts your fix queue so developers tackle the highest-impact items first. Critical issues - those that block task completion entirely - are flagged with a red banner for immediate action.

One-click patch generation for common fixes

For the most common violation types - missing alt text, low-contrast colours, unlabelled inputs - WCAG Scanner generates a diff you can apply directly to your theme. The patch preview shows exactly which lines change. Review, approve, and push. No accessibility expertise required.

Frequently asked questions

Yes. The scanner drives a real Chromium browser with JavaScript fully executed, so all Alpine.js components, React islands, and dynamically injected content are scanned in their live rendered state - not just the static HTML.
WCAG Scanner tests against WCAG 2.2 at both AA and AAA conformance levels. AA compliance is required by the ADA, EN 301 549, and the European Accessibility Act. AAA issues are reported as advisory warnings.
No. The crawl runs from MetricLabs infrastructure - not your Shopify store's servers - and all requests use a distinct user-agent that is excluded from your analytics. Your site speed and Core Web Vitals are unaffected.
For common, deterministic fixes (adding alt text, improving contrast ratios, labelling inputs), WCAG Scanner generates a Liquid or CSS diff against your active theme. You review the change in a before/after preview, then approve it to push directly to a theme draft for testing before publishing.
Yes. On Pro and Agency plans, generate a PDF compliance report at any time. The report includes an executive summary, full issue list with WCAG citations, fix status, and a compliance score. White-label options are available on Agency plans.

More from MetricLabs