Inclusely

Standards

WCAG 2.2 AA, explained for online stores

What WCAG 2.2 AA asks for, what changed from 2.1, which laws use which version, and where Shopify stores usually fall short.

Last reviewed: October 16, 2026

WCAG 2.2 Level AA is the current W3C standard for accessible web content, first published October 5, 2023. To meet it, a page must satisfy all 55 success criteria at Levels A and AA, including six new ones such as Focus Not Obscured and Target Size. Laws still mostly name 2.0 or 2.1, and 2.2 covers both.

What WCAG 2.2 AA is

WCAG stands for Web Content Accessibility Guidelines. It is written by the W3C (World Wide Web Consortium), through its Web Accessibility Initiative. WCAG is a list of testable rules called success criteria. Each one has a number, such as 1.4.3, and a level: A, AA or AAA.

Version 2.2 became a W3C Recommendation on October 5, 2023. The current edition is dated December 12, 2024. It is not a law. Laws and courts point to it as the measure of an accessible website.

“Level AA” means the page meets every Level A and every Level AA criterion. In WCAG 2.2 that is 31 Level A and 24 Level AA criteria, 55 in all.

What are the four main principles of WCAG?

Every criterion sits under one of four principles. In plain words, for a store:

The four WCAG principles explained for an online store
PrincipleWhat it meansStore example
PerceivablePeople can see or hear the content, in some form.Product photos have alt text. Videos have captions. Text has enough contrast.
OperablePeople can use every control, with a mouse, keyboard or touch.The menu, variant picker and cart drawer all work with the Tab and Enter keys.
UnderstandableText and behaviour make sense and are predictable.Form errors say what to fix. The page language is set.
RobustIt works with assistive technology such as screen readers.Buttons and fields have names a screen reader can read out.

What is the difference between WCAG Levels AA and AAA?

Level A is the minimum. Level AA is the target that laws, courts and settlements use. Level AAA is stricter again: for example, text contrast of 7:1 instead of 4.5:1. W3C notes that AAA is not recommended as a requirement for whole sites, because some content cannot meet it. Aim for AA, and use AAA ideas where they are easy.

What is new in WCAG 2.2

WCAG 2.2 adds nine success criteria: two at Level A, four at Level AA and three at Level AAA. It removes one: 4.1.1 Parsing, which W3C says “no longer has utility.” These are the six new criteria you need for Level AA:

New WCAG 2.2 criteria at Levels A and AA, with Shopify examples
CriterionWhat it asksWhere it shows up on Shopify
2.4.11 Focus Not Obscured (Minimum), AAWhen something has keyboard focus, it is not completely hidden by other content you added.Sticky headers, sticky add-to-cart bars, cookie banners and chat bubbles covering the focused link.
2.5.7 Dragging Movements, AAAnything done by dragging can also be done with a single tap or click.Price range sliders in filters and before/after image sliders. Add number fields or buttons.
2.5.8 Target Size (Minimum), AAThings you tap are at least 24 by 24 CSS pixels, or have enough space around them.Quantity plus and minus buttons, colour swatches, slider dots, filter checkboxes, close buttons.
3.2.6 Consistent Help, AIf help (contact details, a chat, a help page) appears on many pages, it is in the same place on each.A contact link or chat that moves between the header, footer and product pages.
3.3.7 Redundant Entry, APeople are not asked to type the same information twice in one process.Wholesale, quote and multi-step forms. Shopify's checkout is Shopify's part.
3.3.8 Accessible Authentication (Minimum), AALogging in does not require a memory test or puzzle, unless there is another way.Account and contact forms with a CAPTCHA, or login fields that block paste and password managers.

The three new Level AAA criteria are 2.4.12 Focus Not Obscured (Enhanced), 2.4.13 Focus Appearance and 3.3.9 Accessible Authentication (Enhanced). W3C says content that conforms to WCAG 2.2 also conforms to 2.1 and 2.0, so moving to 2.2 does not undo earlier work.

Most new criteria need a person to test

Of the six, common automated tools reliably measure only target size (2.5.8). Focus being covered, dragging, consistent help, retyping and login puzzles mostly need someone to try the page.

Which laws use WCAG 2.0, 2.1 or 2.2

Most laws name an older version. Because 2.2 includes 2.0 and 2.1, one target covers them all.

Which WCAG version each law or standard uses, as of October 16, 2026
Law or standardWCAG versionNotes
ADA (United States, private businesses)No version in the law. Courts and settlements use 2.1 AA.The Justice Department's 2024 rule for state and local governments uses 2.1 AA.
AODA (Ontario)2.0 AAFor organizations with 50 or more employees in Ontario, except live captions and audio description.
Manitoba accessibility standard2.1 AAPrivate sector since May 1, 2025, for any organization with an employee in Manitoba.
Accessible Canada Act2.1 AA, through CAN/ASC-EN 301 549:2024Federally regulated businesses only, such as banks and airlines.
European Accessibility Act2.1 AA today, through EN 301 549 v3.2.1EN 301 549 v4.1.1 (September 2, 2026) moves to 2.2. It applies once cited in the EU's Official Journal.

More detail is in our guides to the ADA and AODA.

The WCAG criteria Shopify stores fail most

WebAIM's 2026 scan of one million home pages found low-contrast text on 83.9% of them, missing alt text on 53.1% and unlabelled form fields on 51.0% (February 2026). This table lists the criteria behind those numbers, and the ones a scan cannot see.

Common WCAG 2.2 A and AA failures on Shopify stores
CriterionPlain meaningWhere it fails on ShopifyCan a tool check it?
1.1.1 Non-text Content, AImages have a text alternative.Product images and banners with no alt text.Partly. A person judges if the text is useful.
1.3.1 Info and Relationships, AStructure is in the code, not only the look.Bold text used as headings, size charts as images, missing labels.Partly
1.4.1 Use of Color, AColour is not the only signal.Sold-out swatches shown only by fading. Links shown only by colour.Partly
1.4.3 Contrast (Minimum), AAText has 4.5:1 contrast (3:1 for large text).Grey text, sale badges, text over hero images.Mostly. Text on images needs a person.
1.4.10 Reflow, AAWorks at 320 pixels wide without sideways scrolling.Wide tables, carousels and app widgets on small screens.Partly
1.4.11 Non-text Contrast, AABorders, icons and focus rings have 3:1 contrast.Pale input borders, white swatches on white.A person, mostly
2.1.1 Keyboard, AEverything works with a keyboard.Hover-only menus, swatches and quick view.A person
2.2.2 Pause, Stop, Hide, AMoving content can be paused.Auto-rotating slideshows and marquees.A person
2.4.4 Link Purpose, AEach link says where it goes.Image links with no text, many “Shop now” links.Partly
2.4.7 Focus Visible, AAYou can see which item has keyboard focus.Themes that remove the focus outline.A person
2.4.11 Focus Not Obscured (Minimum), AAFocus is not fully hidden.Sticky headers, cookie banners, chat bubbles.A person
2.5.8 Target Size (Minimum), AATap targets are at least 24 by 24 pixels.Quantity buttons, slider dots, swatches.Yes
3.1.1 Language of Page, AThe page language is set in the code.Old themes and translated stores.Yes
3.3.2 Labels or Instructions, AFields have visible labels.Newsletter and search boxes with placeholder text only.Partly
4.1.2 Name, Role, Value, AControls have a name and state screen readers can read.Icon-only cart, menu and close buttons.Mostly
4.1.3 Status Messages, AAUpdates are announced without moving focus.“Added to cart” and price changes after picking a variant.A person

Automated checks find only part of the problems: about 57% of issues by volume in Deque's 2021 study of its own audits. Start with our free contrast checker, then test the path to checkout by keyboard. The step-by-step version for Shopify is in our Shopify ADA compliance guide.

Questions about WCAG 2.2 AA

What is WCAG 2.2 AA?

WCAG 2.2 Level AA is the current W3C standard for accessible web content, first published October 5, 2023. To meet Level AA, a page must satisfy all 55 success criteria at Level A and Level AA, including six that are new in 2.2, such as Focus Not Obscured and Target Size.

What is the difference between WCAG Levels AA and AAA?

Level AA is the target that laws and settlements use. Level AAA adds stricter criteria, such as 7:1 text contrast instead of 4.5:1. W3C does not recommend requiring AAA for whole sites, because some content cannot meet it.

What are the four main principles of WCAG?

Perceivable (people can see or hear the content), operable (people can use every control, including by keyboard), understandable (text and behaviour make sense) and robust (it works with assistive technology such as screen readers).

What are the new WCAG standards for 2026?

There is no new WCAG version in 2026. WCAG 2.2 (October 2023) is current, and WCAG 3.0 is still a W3C draft. What changed in 2026 is that the European standard EN 301 549 v4.1.1, published September 2, 2026, moved to WCAG 2.2.

Is WCAG 2.2 required by law?

Not by name in most places yet. US courts and settlements use WCAG 2.1 AA, Ontario's AODA uses 2.0 AA and Manitoba uses 2.1 AA. Because 2.2 includes almost everything in 2.0 and 2.1, working toward 2.2 AA covers those targets too.

Does meeting WCAG 2.2 AA mean I meet WCAG 2.1 AA?

Yes. W3C says content that conforms to WCAG 2.2 also conforms to 2.1 and 2.0. The only criterion dropped in 2.2, 4.1.1 Parsing, was removed because it no longer helped users.

This page explains the law in general terms. It is not legal advice. For advice about your business, speak with a lawyer.

Check your store against WCAG 2.2 AA.

Early access stores get a free scan of every template and a call with our team to go through it.

Get early access