WCAG 2.2: What Changed and Why It Matters for Shopify Merchants
May 7, 2026 · 6 min read
In September 2023, the W3C released WCAG 2.2 — the first update to the Web Content Accessibility Guidelines since WCAG 2.1 in 2018. The update added 9 new success criteria and removed one (4.1.1 Parsing, which had become obsolete). US federal agencies are required to follow WCAG 2.1 AA under Section 508, but courts citing ADA Title III are beginning to reference 2.2 as the current standard.
If your accessibility audit tool is still running WCAG 2.1 checks only, it is missing these criteria. Here's what changed and what it means for a typical Shopify store.
The 9 new success criteria in WCAG 2.2
Six are Level A or AA (mandatory), three are Level AAA (enhanced). For compliance purposes, you only need AA.
Focus Not Obscured (Minimum)
When a UI component receives keyboard focus, it must not be entirely hidden behind other content such as a sticky header or cookie banner. Shopify impact: sticky nav bars combined with "Add to cart" buttons or quantity inputs are a common failure. If the focused element is fully covered by the nav, this fails.
Focus Not Obscured (Enhanced)
No part of the focused component is hidden. (AAA — not required for AA compliance.)
Focus Appearance
Focus indicator must meet minimum size and contrast requirements. (AAA.)
Dragging Movements
Any operation that uses dragging must have a single-pointer alternative. Shopify impact: product image carousels implemented as swipe-only (no arrow buttons) fail this. Size/color swatches implemented as drag-to-scroll also fail.
Target Size (Minimum)
Interactive targets must be at least 24×24 CSS pixels, or have sufficient spacing if smaller. Shopify impact: this is a very common failure. Small social media icons in the footer, tiny "×" close buttons on modal dialogs, compact size selector swatches — all frequently fail. Most Shopify themes were not designed with 24px minimums in mind.
Consistent Help
If a help mechanism (phone, email, live chat) appears on multiple pages, it must appear in the same location on each page. Shopify impact: if your theme shows a "Contact us" link in the footer on the homepage but not on the product page, this fails.
Redundant Entry
Information entered in a multi-step process must not be re-requested unless there's a reason (security, data change). Shopify impact: mostly relevant to multi-step checkout flows. Shopify Checkout (managed by Shopify) handles this — but custom checkout extensions or apps that add steps may not.
Accessible Authentication (Minimum)
Authentication steps must not require solving puzzles or transcribing characters — or must provide an alternative. Shopify impact: reCAPTCHA v2 (image challenges) on account login or contact forms fails this without an audio or bypass alternative. reCAPTCHA v3 (invisible, score-based) passes.
Accessible Authentication (Enhanced)
No cognitive function tests at all in authentication. (AAA.)
Which criteria fail most often on Shopify stores?
Based on automated audit data, the top WCAG 2.2-specific failures on Shopify stores are:
- 2.5.8 Target Size — by far the most common. Nearly every default theme has sub-24px interactive elements.
- 2.4.11 Focus Not Obscured — sticky headers are standard on most themes; focus scrolling is rarely accounted for.
- 3.3.8 Accessible Authentication — any store using reCAPTCHA v2 on login or contact forms.
- 2.5.7 Dragging Movements — image galleries and product variant carousels.
How axe-core tests WCAG 2.2
axe-core (the open-source engine used by AccessBinder) supports WCAG 2.2 tests as of version 4.8+. To audit against 2.2 specifically, the engine must be configured with runOnly: ['wcag22aa'] — older configurations default to 2.1. This matters because tools that don't explicitly configure 2.2 will miss these 6 AA criteria entirely.
AccessBinder runs axe-core with WCAG 2.2 AA as the explicit target, ensuring your audit reflects the current standard, not the 2018 one.
Audit your Shopify store against WCAG 2.2 AA
Join the waitlist