2.4.11
AAFocus Not Obscured (Minimum)
When an element receives keyboard focus, it must not be completely hidden behind sticky headers, cookie banners, or chat overlays.
Every Level A and AA success criterion in one quick reference — what changed from WCAG 2.1, the 9 new criteria in 2.2, and how to test your site against them for free.
Working toward US compliance? Read our guide on how to make your website ADA compliant — courts use WCAG as the measuring stick.
Page preview
The embed does not change your stack — it adds the same panel customers configure in the dashboard.
Launcher ready
Default grey button — same as the live Inclusense widget.
Oct 2023
WCAG 2.2 became a W3C standard
9
New success criteria added
Level AA
The target laws point to
The basics
The current version of the standard behind virtually every accessibility law — published by the W3C in October 2023.
The Web Content Accessibility Guidelines (WCAG) define, in testable terms, what it means for a website to work for people with visual, motor, auditory, and cognitive disabilities. Criteria are organised under four principles — Perceivable, Operable, Understandable, Robust — and graded at three levels: A (minimum), AA (the legal benchmark), and AAA (enhanced).
WCAG 2.2 is backwards compatible: it keeps every requirement from WCAG 2.1 except the obsolete 4.1.1 Parsing criterion, and adds nine new ones. That means a site meeting WCAG 2.2 AA automatically meets 2.1 AA — the version US courts, the DOJ, and the European Accessibility Act currently reference — so building to this checklist covers both.
Before working through the list, get a baseline: run our free WCAG accessibility scanner to see which criteria your pages already fail — no login required.
New in 2.2
Six are Level A or AA — these are the ones that affect your compliance target. Three are AAA.
2.4.11
AAWhen an element receives keyboard focus, it must not be completely hidden behind sticky headers, cookie banners, or chat overlays.
2.5.7
AAAny action that relies on dragging — sliders, sortable lists, map panning — needs a simple single-pointer alternative like buttons or taps.
2.5.8
AAClickable targets must be at least 24×24 CSS pixels, or have enough spacing around them so users don't hit the wrong control.
3.2.6
AIf you offer help — contact details, live chat, FAQs — it must appear in the same relative place on every page that includes it.
3.3.7
ADon't make users re-type information they already entered in the same process — auto-populate it or make it selectable.
3.3.8
AALogins can't depend on cognitive tests like memorising codes or solving puzzles — allow paste, password managers, or alternatives.
2.4.12
AAAThe stricter version: no part of the focused element may be hidden by other content — the whole component stays visible.
2.4.13
AAAFocus indicators must be clearly visible: at least as large as a 2px perimeter outline with 3:1 contrast against the unfocused state.
3.3.9
AAAThe stricter version: no cognitive tests at all in login flows — not even object-recognition or image CAPTCHAs.
One criterion was removed: 4.1.1 Parsing is obsolete in WCAG 2.2 because modern browsers and assistive technologies handle imperfect HTML consistently.
Quick reference
The Level A and AA criteria condensed into plain-English checks — success criterion numbers in brackets so you can look up the full text.
Users must be able to perceive your content — see it, hear it, or read it through assistive technology.
Users must be able to operate every control — with a keyboard alone, a touch screen, or assistive technology.
Users must be able to understand your content and predict how the interface behaves.
Your code must work reliably with browsers and assistive technologies — today and as they evolve.
This condenses the criteria most audits flag — for the normative wording, see the official W3C quick reference. To find which of these your site fails right now, run a free accessibility check.
Conformance levels
Each criterion carries a level — your conformance level is the highest one you fully meet.
Level A
The minimum
The most basic barriers — keyboard access, alt text, no keyboard traps. Failing Level A means some users are locked out entirely. 31 criteria in WCAG 2.2 sit at this level.
Level AA
The legal benchmark
What laws and courts actually require — the ADA (via DOJ guidance), Section 508, the European Accessibility Act, and public procurement rules all point to Level AA. This is the target for almost every website.
Level AAA
The gold standard
Enhanced criteria like sign language for video and 7:1 contrast. Valuable where you can apply them, but not required by law — W3C itself says AAA isn't achievable for all content.
Follow 2.2. Because it contains everything in 2.1 AA (minus the obsolete parsing rule), meeting WCAG 2.2 AA automatically satisfies the 2.1 AA benchmark that the ADA, Section 508, and the European Accessibility Act currently reference. If you already meet 2.1 AA, the gap is just six new A/AA criteria: focus visibility, dragging alternatives, target size, consistent help, redundant entry, and accessible logins.
Structural criteria — alt text, labels, contrast, ARIA — get fixed in your code, guided by WCAG scan results. Alongside those fixes, the Inclusense accessibility widget gives every visitor working controls today — contrast, text size, reading support, reduced motion — with a free 14-day trial, no credit card required. For the US legal angle, see our ADA compliance guide; for Europe, the EAA compliance widget.
Test it
Automated scanning covers the criteria machines can measure — contrast, alt text, labels, ARIA, structure — and flags each finding with WCAG-oriented tags and severity. Run one free guest scan on up to 5 pages, no login required, then verify the rest manually: keyboard-only navigation, focus visibility, and a screen reader pass on your key flows.
Run a free WCAG scanFAQ
WCAG 2.2 is the current version of the Web Content Accessibility Guidelines, published as a W3C standard in October 2023. It defines testable success criteria for making websites usable by people with visual, motor, auditory, and cognitive disabilities, organised under four principles: Perceivable, Operable, Understandable, and Robust. It builds on WCAG 2.1 by adding 9 new success criteria and removing one (4.1.1 Parsing).
WCAG 2.2 adds 9 success criteria: Focus Not Obscured (2.4.11 AA, 2.4.12 AAA), Focus Appearance (2.4.13 AAA), Dragging Movements (2.5.7 AA), Target Size Minimum (2.5.8 AA), Consistent Help (3.2.6 A), Redundant Entry (3.3.7 A), and Accessible Authentication (3.3.8 AA, 3.3.9 AAA). It also removes 4.1.1 Parsing, which modern browsers made obsolete.
Laws typically reference a specific WCAG version: US courts and the DOJ currently point to WCAG 2.1 Level AA for the ADA, and the European Accessibility Act relies on EN 301 549, which is also based on WCAG 2.1. But WCAG 2.2 is backwards compatible — a site that meets WCAG 2.2 AA automatically meets 2.1 AA — so building to 2.2 satisfies today's legal benchmarks and prepares you for updates.
WCAG 2.2 keeps every requirement from 2.1 except 4.1.1 Parsing (removed as obsolete) and adds 9 new criteria focused on keyboard focus visibility, touch target size, dragging alternatives, consistent help placement, and accessible logins. If you already meet WCAG 2.1 AA, closing the gap to 2.2 AA usually means checking six new A/AA criteria.
WCAG 2.2 has 86 success criteria in total: 31 at Level A, 24 at Level AA, and 31 at Level AAA. For practical compliance, the 55 criteria at Levels A and AA are what matter — that's the conformance target laws, courts, and procurement rules use.
Level AA. It's the benchmark used by the ADA (per DOJ guidance), Section 508, the European Accessibility Act, and most procurement requirements worldwide. Level A alone leaves serious barriers in place, and Level AAA is aspirational — W3C itself notes that AAA can't be applied to all content.
Start with an automated scan — it catches contrast failures, missing alt text, unlabeled forms, and ARIA problems in minutes, and Inclusense's scanner maps findings to WCAG-oriented rules including 2.2 patterns. Then test manually what automation can't judge: navigate key pages with only a keyboard, check focus visibility, and try your forms with a screen reader.
Not on its own — no tool can, and widgets that promise instant compliance overstate what overlays do. A widget gives visitors immediate working controls (contrast, text size, reading support, reduced motion) while structural issues like missing alt text and unlabeled forms get fixed in code. The strongest position combines a widget with scan-driven remediation.
We're confident you'll love Inclusense! Try it with zero risk — if it's not the right fit, you're covered by our money-back guarantee. No commitments, no hassle.