Skip to main content
guide6 min readUpdated: October 2025

WCAG 2.1 vs 2.2: What Changed and Why It Matters for Your Compliance | A11yscan

WCAG 2.2 introduces new accessibility requirements. Learn what changed from WCAG 2.1, what you need to do now, and timeline implications.

Brief History: Why WCAG Keeps Evolving

Web accessibility standards evolve as technology changes and our understanding of disability improves. Legal reality: The ADA doesn't specify which WCAG version organizations must follow. However, accessibility professionals and legal observers often reference WCAG 2.1 Level AA as a reasonable standard. As WCAG 2.2 becomes more established, it may increasingly be recognized as current best practice. The question isn't "must we adopt WCAG 2.2?" It's "when should we start planning for it?"

1

WCAG 1.0 (1999): First official guidelines. Very desktop-focused. Outdated now.

2

WCAG 2.0 (2008): Major rewrite. Technology-neutral principles. Still used widely.

3

WCAG 2.1 (2018): Added mobile accessibility, low-vision design, cognitive considerations. This is what most companies target today.

4

WCAG 2.2 (2023): NEW. Focuses on target sizing, persistent user controls, and improved cognitive accessibility. This is emerging as a new standard.

What's New in WCAG 2.2: The 9 New Success Criteria

WCAG 2.2 adds 9 new success criteria (accessibility requirements). Here are the ones that will likely impact your website:

1

What it means: Clickable targets (buttons, links, form fields) must be at least 24×24 CSS pixels, with exceptions for inline links and targets next to other targets.

2

Why it matters: Affects users with motor disabilities, tremors, or anyone on a mobile device. This is the most impactful new requirement.

3

Your action: Audit your buttons and links. Many sites use 18-20px targets. You'll need to expand them to 24px or document exemptions.

4

Implementation difficulty: Medium. May require redesign of compact layouts.

5

What it means: If your site uses drag-and-drop interactions (reordering lists, moving files), provide keyboard-accessible alternatives.

6

Why it matters: Keyboard users and switch control users can't use drag-and-drop alone.

7

Your action: If you have drag-and-drop, add buttons or keyboard shortcuts (e.g., "Move Up," "Move Down").

8

Implementation difficulty: Low to Medium. Most modern frameworks support this.

9

What it means: Navigation, search, and other persistent UI controls (that appear on multiple pages) must appear in the same relative order each time.

10

Why it matters: Users with cognitive disabilities rely on consistency. Randomized layouts are confusing.

11

Your action: Make sure your navigation, search box, and other repeated elements are in the same place on every page. No randomization.

12

Implementation difficulty: Very Low. Most sites already do this.

13

What it means: When keyboard users tab through your site, focus indicators must be visible (not hidden or covered by other elements).

14

Why it matters: Keyboard users rely on seeing where they are on the page.

15

Your action: Check that your focus indicators aren't hidden behind sticky headers or other elements. Don't use `outline: none` without providing an alternative visual indicator.

16

Implementation difficulty: Very Low. Usually CSS only.

17

What it means: Focus indicators must meet specific design criteria: 2px minimum thickness, sufficient contrast, etc.

18

Why it matters: This is a more rigorous version of visible focus indicators. The focus indicator itself must be well-designed.

19

Your action: Review your focus indicators. If they're thin, low-contrast lines, upgrade them to at least 2px thick with high contrast.

20

Implementation difficulty: Very Low to Low. CSS refinement.

21

What it means: Authentication mechanisms should not rely solely on cognitive function tests. Provide alternatives to CAPTCHAs or memory-based authentication.

22

Why it matters: Users with cognitive disabilities may struggle with traditional CAPTCHAs.

23

Your action: If you use CAPTCHAs, provide alternatives like email verification or authentication apps.

24

Implementation difficulty: Medium. Depends on current authentication approach.

25

Redundant Entry (Level A) - 3.3.7: If users enter information previously provided, don't make them re-enter it.

26

Accessible Authentication (Minimum) (Level A) - 3.3.8: Basic authentication accessibility requirements.

27

Accessible Authentication (Enhanced) (Level AAA) - 3.3.9: Enhanced authentication accessibility requirements.

Impact by Site Type: What This Means for You

1

Most affected by: Target size (24×24 buttons), persistent checkout flow

2

Action required: Audit checkout buttons, review cart controls, ensure consistent checkout flow

3

Estimated effort: 20-40 hours

4

Most affected by: Drag-and-drop alternatives, target size for data table controls, focus appearance

5

Action required: Add keyboard alternatives to drag-and-drop, audit button/icon sizes, verify focus indicators

6

Estimated effort: 40-80 hours

7

Most affected by: Persistent navigation order, focus appearance

8

Action required: Ensure navigation is consistent across pages, audit focus indicators

9

Estimated effort: 5-15 hours

10

Most affected by: ALL of the above. Government and healthcare sites often have higher accessibility expectations.

11

Action required: Complete WCAG 2.2 Level AA audit and remediation

12

Estimated effort: 100-200+ hours depending on site size

When Should You Consider WCAG 2.2?

There's no immediate federal mandate requiring WCAG 2.2. However, momentum is building toward recognizing it as current best practice.

1

Accessibility professionals increasingly reference WCAG 2.2 as the current standard

2

Some accessibility audits and lawsuits have begun citing WCAG 2.2 criteria

3

Several states are reviewing their accessibility standards

4

Federal contractors and healthcare organizations are evaluating adoption timelines

5

2025-2026: WCAG 2.2 Level AA may increasingly be recognized as current best practice

6

2026-2027: WCAG 2.2 Level AA may become commonly referenced in accessibility discussions

7

2027-2028: Federal standards updates may formalize WCAG 2.2 references

8

If your site is not yet compliant: Consider targeting WCAG 2.2 Level AA

9

If your site is WCAG 2.1 compliant: Plan a WCAG 2.2 evaluation over the next 2 years

10

If you're starting a new site: Consider building for WCAG 2.2 from day one

Is WCAG 2.1 Still Valid?

You might wonder: "We're WCAG 2.1 compliant. Is that still acceptable?" Yes, for now. WCAG 2.1 is still a valid, respected standard. Compliance with WCAG 2.1 Level AA represents a solid accessibility foundation. Most accessible websites currently target WCAG 2.1. However: As WCAG 2.2 becomes more established, accessibility professionals and organizations may increasingly reference it as current best practice.

1

If your site is not yet compliant: Consider targeting WCAG 2.2 Level AA instead of 2.1

2

If your site is WCAG 2.1 compliant: Plan a WCAG 2.2 evaluation over the next 2 years

3

If you're starting a new site: Consider building for WCAG 2.2 from day one

Quick Reference: Major Changes for Your Team

1

Target sizes matter more: 24×24 CSS pixels minimum (enhanced from previous recommendations)

2

Focus indicators must be visible: No hiding or low-contrast outlines

3

Drag-and-drop needs keyboard alternatives: Must support keyboard input

4

Consistent navigation: UI controls must appear in the same order on all pages

5

Authentication accessibility: Provide alternatives to cognitive tests like CAPTCHAs

Your WCAG 2.2 Evaluation Plan

1

Run a WCAG 2.2 accessibility audit

2

Document specific gaps and remediation effort

3

Identify high-priority issues (target size, focus visibility, drag-and-drop)

4

Create a remediation roadmap

5

Estimate effort and budget

6

Decide: New build with WCAG 2.2 vs. retrofitting existing site

7

Address high-priority issues (target size, focus appearance)

8

Add keyboard alternatives for complex interactions

9

Test thoroughly with assistive technology

10

Get an independent WCAG 2.2 audit to verify compliance

11

Document compliance efforts

12

Update your accessibility statement

Is Your Site Ready for WCAG 2.2?

Find out which WCAG 2.2 requirements your site addresses and what you may want to consider updating. Get a detailed roadmap for enhanced accessibility.

Put This Knowledge Into Practice

Use A11yScan to test your website against WCAG standards automatically.

Start Free Scan

Frequently Asked Questions

What WCAG level should I target?

WCAG Level AA is the standard required for legal compliance in most jurisdictions. It provides meaningful accessibility while remaining achievable for most organizations.

Can automated tools fully test WCAG compliance?

No. Automated tools can test approximately 30% of WCAG criteria. The remaining 70% requires manual testing and human judgment.

More Resources

checklist

Complete WCAG 2.1 AA Checklist for Web Accessibility

statistics

Web Accessibility Lawsuit Statistics 2024: Complete Analysis

guide

ADA Website Requirements 2024: Complete Compliance Guide

tutorial

Complete Screen Reader Testing Guide for Accessibility

statistics

2024 Accessibility Lawsuit Trends: What the Data Shows

guide

2025 Accessibility Litigation Predictions: What to Expect

guide

What to Do If You Receive an Accessibility Demand Letter | A11yscan

guide

Why WCAG Accessibility Overlays Fail | A11yscan

guide

Accessibility as Enterprise Risk Management: 2024-2025 Analysis

guide

Accessibility Statement: Legal & User Importance

statistics

ADA Website Lawsuits Surge 37% in 2025: Legal Risks, Trends, and Business Impact | A11yscan

guide

The ADA & Your Website: Legal Requirements in 2025

guide

ADA Title III & Web Accessibility: What You Need to Know | A11yscan

guide

Alt Text That Actually Works: Writing for Screen Readers

guide

AODA: Accessibility for Ontarians with Disabilities Act | A11yscan

guide

AODA: Accessibility for Ontarians with Disabilities Act | A11yscan

guide

ARIA Labels & Semantic HTML: Building for Screen Readers

guide

Accessibility Conformance Reports (ACRs): Legal Guide

guide

The CEO\'s Guide to ADA Compliance - A11yscan Blog

guide

Corporate Legal Risk: Your Website Might Be Your Biggest Liability

guide

How to Document Website Accessibility Barriers

guide

E-Commerce Accessibility: Why Your JavaScript Catalog Is Breaking Millions of Sales

guide

Focus Management & Tab Order: Fixing Keyboard Navigation

guide

Forms & Input Accessibility: The #1 ADA Violation

guide

Remediation vs. Retrofit vs. Rebuild: Strategic Accessibility

guide

Restaurant Websites & Accessibility: Why Beautiful Menus Fail

guide

Accessibility Audits: What a Proper Audit Includes

guide

TikTok\'s Captions: How Social Media Accidentally Normalized Accessibility

checklist

The 10-Point WCAG Pre-Launch Checklist - A11yscan Blog

statistics

WCAG Lawsuit Legal Terms: Standing, Nexus, Harm & Damages

guide

California Web Accessibility Laws: Unruh Act, AB 434, AB 1757 | A11yscan

guide

Color Contrast: The Foundation of Visual Accessibility

guide

Designing for Blind Users: Screen Reader Accessibility

guide

Designing for Cognitive Disabilities: Clear & Simple Navigation

guide

Designing for Deaf Users: Audio Accessibility

guide

Designing for Low Vision Users: Vision Accessibility

guide

Designing for Motor Disabilities: Keyboard & Switch Access

guide

Designing for Neurodivergent Users: Accessibility Beyond Disability

guide

Your Rights as a Person with Disabilities: Web Accessibility Protections

guide

Div Soup: Why Pretty But Broken Websites Cost More Than You Think | A11yscan

guide

How to Document and Report Web Accessibility Issues

guide

European Accessibility Act (EAA): EU Digital Accessibility Requirements | A11yscan

guide

Finding Legal Support for Web Accessibility Claims

guide

Florida Web Accessibility Laws: ADA Title III, Section 508, and Florida Standards | A11yscan

guide

Keyboard Navigation: Making Your Site Usable Without a Mouse

guide

Defending Against Accessibility Claims: Good Faith Strategies

statistics

Major 2024 Accessibility Settlements: Case Studies and Lessons

guide

Maps & Data Visualizations Accessibility: Charts, SVG, Colorblindness

guide

Mobile Accessibility: Why 40% of Your Users Can\'t Use Your Site on Mobile | A11yscan

guide

NYCHRL: New York City Digital Accessibility Rights Law | A11yscan

guide

PDF Accessibility: Tagging, Forms, OCR & Legal Requirements

guide

Platform Liability: When Third Parties Create Accessibility Barriers

guide

You Used a Template. Your Site Is Still Broken. Your Liability Is Still Real. | A11yscan

guide

SEO and WCAG: How Accessibility and Search Rankings Are Linked | A11yscan

guide

Serial Filers and the ADA Enforcement Gap: Why Disabled Users Bear the Burden

guide

The Silver Economy & Web Accessibility: Why Seniors Need Better Website Design | A11yscan

guide

Temporary Disabilities & Accessibility: Broken Mice, Injured Arms, Lost Glasses | A11yscan

guide

Understanding Your Rights as a User Requiring Web Accessibility Features

guide

Video & Multimedia Accessibility: Captions, Descriptions, Transcripts

guide

Understanding WCAG 2.1 Levels: A vs AA vs AAA

guide

You Sell Products, Not Websites. But Your Website Still Needs to Be Accessible. | A11yscan

Ready to Improve Your Accessibility?

Start with a free accessibility scan and get actionable insights immediately.

Start Free Accessibility Scan