Inclusely

Guide

WCAG A vs AA vs AAA: which level your store needs

What each WCAG level asks of a real online store, which one laws expect, and why chasing AAA everywhere is the wrong goal.

Reviewed by Misha Gavura, founder of Inclusely. Last reviewed . Written by the Inclusely team at EVDEV, Toronto. Not legal advice.

WCAG has three levels. Level A is the minimum, Level AA is the level laws and settlements use, and Level AAA is the strictest. Each level includes the one below it. Aim for AA on every page, starting with the path to checkout, and use AAA ideas only where they are easy.

New to WCAG? Start with what WCAG is and how it is built.

WCAG levels at a glance

WCAG levels A, AA and AAA compared
ComparedLevel ALevel AALevel AAA
What it meansThe minimum. Without it, some people cannot use the page at all.All of A, plus the criteria that remove the most common barriers.All of AA, plus the strictest criteria.
Criteria in WCAG 2.23124 (55 with A)31 (86 with A and AA)
Criteria in WCAG 2.13020 (50 with A)28 (78 in all)
Criteria in WCAG 2.02513 (38 with A)23 (61 in all)
Who asks for itNever on its own in current lawsLaws, settlements, EN 301 549None of the laws on this page
Store exampleProduct photos have alt textNormal text has 4.5:1 contrastNormal text has 7:1 contrast

We counted the criteria from the W3C's published texts. WCAG 2.2 lists 4.1.1 Parsing as obsolete and removed, so it is not in the 2.2 count.

How WCAG levels stack, and what counts as meeting one

The levels are cumulative. To meet AA, a page must pass every A criterion and every AA criterion. Passing 23 of the 24 AA criteria is not “mostly AA” in WCAG terms. It is Level A, if all of A passes.

WCAG adds two rules that matter a lot for stores:

  • Full pages. A level applies to the whole page, including the version shown on a phone. You cannot leave out the header or a pop-up.
  • Complete processes. WCAG's own example is an online store: every page from picking a product to the end of checkout must meet the level, or none of them do.

W3C sorted criteria into levels by weighing things like: is there a workaround if the rule is not met, can every kind of site and content meet it, does it need special skills, and does it limit what the page can do. So the levels are not a strict ranking of how much a barrier hurts. A Level A failure and a Level AA failure can both stop a sale.

Level A: the minimum, with store examples

Level A failures usually block someone completely. A shopper who cannot reach the Add to cart button with a keyboard cannot buy, however good the rest of the page is.

Level A success criteria that matter most on an online store
CriterionWhat it asksWhere stores fail it
1.1.1 Non-text ContentImages have a text alternative.Product photos and banners with no alt text.
1.2.2 Captions (Prerecorded)Videos with sound have captions.Product demo and brand videos on the home page.
1.3.1 Info and RelationshipsHeadings, lists, tables and labels are in the code, not only the look.Size charts saved as images. Bold text used instead of headings.
1.4.1 Use of ColorColour is not the only way to show something.Sold-out swatches shown only in a paler colour. Errors shown only in red.
2.1.1 KeyboardEverything works with a keyboard.Hover-only menus, colour swatches and quick view buttons.
2.1.2 No Keyboard TrapKeyboard users can always move away.Pop-ups and quick view windows you cannot close or Tab out of.
2.2.2 Pause, Stop, HideMoving content can be paused.Auto-rotating slideshows and scrolling announcement bars.
3.3.2 Labels or InstructionsFields have labels.Newsletter and search boxes with placeholder text only.
4.1.2 Name, Role, ValueControls have names and states screen readers can read.Icon-only cart, menu and close buttons.

Level AA: the target laws use, with store examples

Level AA adds the criteria that remove the most common barriers for people with low vision, people who use a keyboard and people on phones.

Level AA success criteria that matter most on an online store
CriterionWhat it asksWhere stores fail it
1.4.3 Contrast (Minimum)Text has 4.5:1 contrast, or 3:1 for large text.Grey text, sale badges, crossed-out prices, text over photos.
1.4.4 Resize TextText can be zoomed to 200% without losing content.Fixed-height banners that cut off text when zoomed.
1.4.5 Images of TextUse real text, not pictures of text.Sale banners with the offer baked into the image.
1.4.10 ReflowPages work at 320 pixels wide without sideways scrolling.Wide size tables and app widgets on small phones.
1.4.11 Non-text ContrastBorders, icons and focus rings have 3:1 contrast.Pale input borders. White swatches on white.
2.4.7 Focus VisibleYou can see which item has keyboard focus.Themes or custom CSS that remove the focus outline.
2.4.11 Focus Not Obscured (Minimum)The focused item is not completely hidden.Sticky headers, cookie banners and chat bubbles.
2.5.8 Target Size (Minimum)Tap targets are at least 24 by 24 pixels, or spaced apart.Quantity buttons, slider dots and small swatches.
4.1.3 Status MessagesUpdates are announced without moving focus.Added to cart, and price changes after picking a variant.

Check text colours against 1.4.3 and 1.4.11 with our free contrast checker. It shows pass or fail for AA and AAA, and the nearest colour that passes.

Level AAA: the strictest level, and why no law requires it

WCAG itself says: “It is not recommended that Level AAA conformance be required as a general policy for entire sites because it is not possible to satisfy all Level AAA success criteria for some content.”

Some AAA criteria are easy. Others do not fit a store at all. 1.2.6 asks for sign language interpretation of every prerecorded video. 3.1.5 asks for a version of any text that needs more than a lower secondary school reading level, which is hard for technical products, ingredient lists and legal terms. 2.2.3 asks for no time limits on the shopper at all, apart from real-time events such as a live auction, so a cart that holds items for only 10 minutes would not pass.

Examples of Level AAA success criteria on an online store
CriterionWhat it asksOn a store
1.4.6 Contrast (Enhanced)Text has 7:1 contrast, or 4.5:1 for large text.Doable for body text. Hard for brand colours on buttons.
2.5.5 Target Size (Enhanced)Tap targets are at least 44 by 44 pixels.Doable for most buttons. A good idea on phones.
2.4.13 Focus AppearanceThe focus outline is big enough and has 3:1 contrast.Doable with a few lines of CSS.
1.2.6 Sign Language (Prerecorded)Videos have sign language interpretation.Costly for every product video.
3.1.5 Reading LevelHard text has a simpler version.Hard for technical and legal text.

W3C also notes that even content that conforms at AAA “will not be accessible to individuals with all types, degrees, or combinations of disability.” Every level is a shared, testable baseline, not a promise that every shopper can use the page.

The same topic at three levels

Many topics in WCAG have a criterion at more than one level. Seeing them side by side shows what each level adds:

How WCAG criteria on the same topic change from Level A to AA to AAA
TopicLevel ALevel AALevel AAA
Colour and contrastColour is not the only signal (1.4.1)Text at 4.5:1, or 3:1 for large text (1.4.3)Text at 7:1, or 4.5:1 for large text (1.4.6)
Tap target sizeNo size rule24 by 24 pixels, or spacing (2.5.8)44 by 44 pixels (2.5.5)
Keyboard focusA logical focus order (2.4.3)Focus visible (2.4.7) and not fully hidden (2.4.11)Not hidden at all (2.4.12), with a strong outline (2.4.13)
VideoCaptions (1.2.2)Audio description (1.2.5), live captions (1.2.4)Sign language (1.2.6)
Form errorsSay which field is wrong (3.3.1)Suggest how to fix it (3.3.3), and let people review, fix or undo an order (3.3.4)Any form can be undone, checked or confirmed before it is sent (3.3.6)

Which WCAG level does the law expect?

Level AA, every time a law names a level. What differs is the version. As of October 17, 2026:

  • United States, private businesses: the ADA has no web rule. The Justice Department calls WCAG helpful guidance, and settlements usually use WCAG 2.1 AA. See ADA website compliance.
  • United States, state and local governments: WCAG 2.1 AA under the 2024 Title II rule, with deadlines of April 26, 2027 and April 26, 2028.
  • Ontario: WCAG 2.0 AA for organizations with 50 or more employees, except 1.2.4 live captions and 1.2.5 audio description. See AODA website rules.
  • Manitoba: WCAG 2.1 AA for any organization with at least one employee in Manitoba.
  • Federally regulated Canadian businesses: those with 100 or more employees, such as banks and airlines, move to WCAG 2.1 AA under the Accessible Canada Act from December 5, 2028.
  • European Union: WCAG 2.1 AA through EN 301 549 v3.2.1, the standard used under the European Accessibility Act. Version 4.1.1, published September 2, 2026, aligns with WCAG 2.2.

None of these require AAA. The full table, with sources, is in which laws use which WCAG version.

What is WCAG 2.1 AA?

WCAG 2.1 Level AA means the 30 Level A and 20 Level AA success criteria in WCAG 2.1, which the W3C published on June 5, 2018. It is the version named in the US Title II rule, Manitoba's standard and EN 301 549 v3.2.1, and the one US settlements with online stores usually use.

WCAG 2.1 added 17 criteria to 2.0. Twelve of them are Level A or AA, and most of them affect stores on phones:

The 12 Level A and AA success criteria added in WCAG 2.1, with store examples
CriterionLevelOn a store
1.3.4 OrientationAAThe store works in both portrait and landscape.
1.3.5 Identify Input PurposeAAName, email and address fields use autocomplete so browsers can fill them.
1.4.10 ReflowAANo sideways scrolling at 320 pixels wide.
1.4.11 Non-text ContrastAAInput borders, swatches and icons have 3:1 contrast.
1.4.12 Text SpacingAAText still fits when shoppers increase line or letter spacing.
1.4.13 Content on Hover or FocusAAMega menus and tooltips can be dismissed and do not vanish when you move onto them.
4.1.3 Status MessagesAAAdded to cart and search result counts are announced.
2.1.4 Character Key ShortcutsASingle-key shortcuts can be turned off. Rare on stores.
2.5.1 Pointer GesturesASwipe galleries also have buttons.
2.5.2 Pointer CancellationAActions happen when you lift your finger, so a slip can be undone.
2.5.3 Label in NameAA button that says Add to cart is named Add to cart for voice control users.
2.5.4 Motion ActuationAShake-to-undo or tilt features have a button too.

Does meeting WCAG 2.2 AA cover 2.1 AA? Yes. WCAG 2.2 says content that conforms to it also conforms to 2.0 and 2.1, and that it can serve as another way to meet policies that name those versions. The rule 2.2 dropped, 4.1.1 Parsing, is now marked in 2.1 as always met for HTML. Our WCAG 2.2 AA guide covers the six criteria 2.2 added at A and AA.

AAA ideas worth using on a Shopify store

You do not need AAA, but a few AAA criteria cost little and help a lot of shoppers on phones. Three examples, all of which fit in Shopify's theme-wide Custom CSS box (Online Store, Themes, Edit theme, Theme settings, Custom CSS):

  • A strong focus outline (toward 2.4.13): a 2 pixel or thicker outline with good contrast.
  • 44 pixel tap targets (2.5.5) for quantity buttons and close icons on phones.
  • Less motion (toward 2.3.3) for shoppers who turn on reduced motion in their phone or computer settings.
:focus-visible {
  outline: 3px solid #1a56db;
  outline-offset: 2px;
}
.quantity__button {
  min-width: 44px;
  min-height: 44px;
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

The class .quantity__button is from Dawn, where the buttons are about 45 pixels wide at the default font size but shrink if you raise the body font scale. Other themes name and size their buttons differently, so check with your browser's inspect tool. Pick an outline colour with at least 3:1 contrast against your backgrounds. Shopify limits theme-wide custom CSS to 1,500 characters, it does not apply to checkout, and a theme update can change the class names it relies on. Test on a duplicate theme before you publish.

Common mistakes with WCAG levels

  • Skipping Level A. AA builds on A. A beautiful contrast fix does not help a shopper who cannot open the menu with a keyboard.
  • Claiming a level without naming the version. “WCAG AA” could mean 2.0, 2.1 or 2.2. Say “WCAG 2.2 Level AA” in your records and your accessibility statement.
  • Calling a page AA when some of it fails. A level is all or nothing per page. Say “working toward WCAG 2.2 AA” and list the known gaps.
  • Trusting a badge or score. No one certifies WCAG levels, and a scan cannot test every criterion.
  • Promising AAA to look safer. It sets a goal your store may never reach and that no law asks for.

How to check your store against each level

  1. Run the free accessibility checker on a product page. Each problem it finds is tagged with its WCAG criterion, so you can see which are Level A and which are AA. Fix Level A first.
  2. Test the buying path with only a keyboard, from the home page to the cart. This covers 2.1.1, 2.1.2, 2.4.3, 2.4.7 and 2.4.11, which software cannot fully check.
  3. Zoom your browser to 200%, then make the window as narrow as a small phone. Text should still fit and nothing should need sideways scrolling (1.4.4 and 1.4.10).
  4. Check brand colours in the contrast checker against AA. If you have room, see which already pass AAA.
  5. Keep a dated list of what fails, what you fixed and what is left. The ADA website checklist follows the A and AA criteria in order.

How Inclusely will help

Inclusely is in early access. When it launches, it will check every template of your store against WCAG 2.2 A and AA, fix what it safely can with your approval, walk you through the checks that need a person, and keep a dated record. See how it works.

Questions about WCAG levels

What is the difference between WCAG A, AA and AAA?

They are three levels of success criteria. Level A is the minimum: without it some people cannot use the page at all. Level AA adds criteria such as 4.5:1 text contrast and a visible keyboard focus, and it is the level laws use. Level AAA is the strictest, with criteria such as 7:1 contrast and sign language for video. Each level includes the one below it.

What is the difference between WCAG AA and AAA?

AAA raises some AA thresholds and adds new criteria. For example, text contrast goes from 4.5:1 to 7:1, and tap targets go from 24 by 24 pixels to 44 by 44 pixels. W3C does not recommend requiring AAA as a policy for whole sites, because some content cannot meet every AAA criterion.

What does WCAG AA mean?

A page meets WCAG Level AA when it satisfies every Level A and every Level AA success criterion. In WCAG 2.2 that is 55 criteria. In WCAG 2.1 it is 50, and in WCAG 2.0 it is 38.

What is WCAG 2.1 AA?

WCAG 2.1 Level AA is the 30 Level A and 20 Level AA success criteria in WCAG 2.1, published June 5, 2018. It is the version named in the US rule for state and local government websites, Manitoba's standard and EN 301 549 v3.2.1 in Europe, and the one US settlements with online stores usually use.

Is WCAG AA required by law?

Laws that name WCAG name Level AA. Ontario's AODA uses WCAG 2.0 AA, and the US rule for state and local governments uses WCAG 2.1 AA. The ADA has no web rule for private businesses, but settlements usually use WCAG 2.1 AA. None of these require AAA. This is not legal advice.

Should my store aim for WCAG AAA?

Not as a whole-site target. Get every page to AA first, starting with the path from product page to checkout. Then use AAA ideas where they are cheap and help shoppers, such as larger tap targets, a stronger focus outline and respecting the reduced motion setting.

Is WCAG 2.2 AA harder than 2.1 AA?

A little. WCAG 2.2 AA adds six Level A and AA criteria, such as 24 by 24 pixel tap targets and focus not hidden by sticky bars, and drops 4.1.1 Parsing. W3C says content that conforms to 2.2 also conforms to 2.1, so working toward 2.2 AA covers 2.1 AA too.

What to do next

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

Sources

  1. W3C, WCAG 2.2, section 5.2 Conformance requirements, December 12, 2024 edition, checked October 17, 2026
  2. W3C WAI, Understanding conformance and levels (WCAG 2.2), checked October 17, 2026
  3. W3C, Web Content Accessibility Guidelines (WCAG) 2.1, May 6, 2025 edition, checked October 17, 2026
  4. W3C, Web Content Accessibility Guidelines (WCAG) 2.0, December 11, 2008
  5. W3C WAI, What's new in WCAG 2.1, updated October 5, 2023
  6. W3C WAI, WCAG 2 Overview (version dates), updated September 17, 2026
  7. W3C WAI, Understanding 1.4.6 Contrast (Enhanced), checked October 17, 2026
  8. W3C WAI, Understanding 2.5.5 Target Size (Enhanced), checked October 17, 2026
  9. U.S. Department of Justice, Guidance on Web Accessibility and the ADA, March 18, 2022, checked October 17, 2026
  10. U.S. Department of Justice, Fact sheet: the Title II web and mobile app rule, checked October 17, 2026
  11. Government of Ontario, How to make websites accessible, updated September 21, 2026
  12. Accessibility Manitoba, Accessible Information and Communication Standard fact sheet, checked October 17, 2026
  13. The Accessibility for Manitobans Act, C.C.S.M. c. A1.7, checked October 17, 2026
  14. Canada Gazette Part II, SOR/2025-255, Regulations Amending the Accessible Canada Regulations, December 17, 2025
  15. Accessibility Standards Canada, summary of CAN/ASC-EN 301 549:2024, checked October 17, 2026
  16. ETSI, EN 301 549 V3.2.1 (2021-03), Accessibility requirements for ICT products and services, March 2021
  17. ETSI, EN 301 549 V4.1.1, Accessibility requirements for ICT products and services, September 2, 2026
  18. W3C, WCAG 2.2, Level AAA criteria 2.2.3, 3.1.5 and 3.3.6, December 12, 2024 edition
  19. Shopify Help Center, Adding custom CSS, checked October 17, 2026

See which Level A and AA problems your store has.

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

Get early access