WCAG 2.1 і 2.2: версії та що нового у WCAG 2.2
Оновлено 14 жовтня 2026 · 6 хв читання
Існує три опубліковані версії WCAG 2: 2.0 (2008), 2.1 (2018) і 2.2 (2023). Кожна зберігає критерії попередньої версії і додає нові. WCAG 2.2 — остання версія: вона додає дев'ять критеріїв успіху і вилучає один, 4.1.1 «Синтаксичний аналіз». На цій сторінці — що саме змінилося, яку версію використовують європейський стандарт EN 301 549, український ДСТУ EN 301 549:2022 і правила США, і на якому етапі WCAG 3.
Це загальна інформація, а не юридична консультація. Вступ до самих настанов — у статті що таке WCAG.
Версії WCAG коротко
| Версія | Рекомендація W3C | Критерії (A / AA / AAA) | Де використовується |
|---|---|---|---|
| WCAG 2.0 | 11 грудня 2008 | 25 / 13 / 23 = 61 | Section 508 (федеральні органи США), ISO/IEC 40500:2012 |
| WCAG 2.1 | 5 червня 2018 | 30 / 20 / 28 = 78 | EN 301 549 V3.2.1, ДСТУ EN 301 549:2022, правило ADA Title II |
| WCAG 2.2 | 5 жовтня 2023 | 31 / 24 / 31 = 86 | EN 301 549 V4.1.1, ISO/IEC 40500:2025 |
W3C оновив WCAG 2.2 12 грудня 2024 року і закликає всіх користуватися найновішою версією. WCAG 2.2 є також стандартом ISO: ISO/IEC 40500:2025 ідентичний жовтневій версії WCAG 2.2 2023 року.
Оскільки кожна версія спирається на попередню, сторінка, що відповідає WCAG 2.2 AA, виконує також критерії успіху WCAG 2.1 AA і 2.0 AA. Єдиний виняток — 4.1.1 «Синтаксичний аналіз», який є лише у 2.0 і 2.1.
WCAG 2.1: що це і що вона додала
WCAG 2.1 — версія 2018 року, яка додала 17 критеріїв успіху, переважно для мобільних пристроїв, слабкого зору і когнітивних порушень. Критерії рівнів A і AA трапляються в аудитах найчастіше:
- Рівень A: 2.1.4 «Гарячі клавіші з одного символу», 2.5.1 «Жести вказівника», 2.5.2 «Скасування дії вказівника», 2.5.3 «Мітка в назві», 2.5.4 «Активація рухом».
- Рівень AA: 1.3.4 «Орієнтація», 1.3.5 «Визначення призначення поля», 1.4.10 «Перекомпонування», 1.4.11 «Контраст нетекстових елементів», 1.4.12 «Інтервали в тексті», 1.4.13 «Вміст під час наведення або фокуса», 4.1.3 «Повідомлення про стан».
- Рівень AAA: 1.3.6 «Визначення призначення», 2.2.6 «Тайм-аути», 2.3.3 «Анімація від взаємодії», 2.5.5 «Розмір цілі», 2.5.6 «Одночасні механізми введення».
WCAG 2.2: що нового — дев'ять нових критеріїв
| Критерій | Рівень | Що вимагає коротко |
|---|---|---|
| 2.4.11 Фокус не закрито (мінімальний) | AA | Елемент у фокусі не прихований повністю липкою шапкою, банером чи кнопкою чату |
| 2.4.12 Фокус не закрито (підвищений) | AAA | Жодна частина елемента у фокусі не прихована |
| 2.4.13 Вигляд фокуса | AAA | Індикатор фокуса має мінімальний розмір і контраст |
| 2.5.7 Рухи перетягування | AA | Усе, що робиться перетягуванням, працює і простими кліками чи дотиками |
| 2.5.8 Розмір цілі (мінімальний) | AA | Цілі щонайменше 24 на 24 CSS-пікселі або з достатнім відступом, з винятками |
| 3.2.6 Послідовна допомога | A | Способи отримати допомогу, як-от контакти чи чат, розміщені в тому самому відносному місці |
| 3.3.7 Надлишкове введення | A | Уже введені в процесі дані заповнюються автоматично або пропонуються знову |
| 3.3.8 Доступна автентифікація (мінімальна) | AA | Вхід не залежить від когнітивного тесту, якщо немає альтернативи чи допомоги |
| 3.3.9 Доступна автентифікація (підвищена) | AAA | Як 3.3.8, але без винятків для розпізнавання об'єктів і особистого вмісту |
Отже, для рівня AA WCAG 2.2 додає шість критеріїв: чотири рівня AA і два рівня A. Наші пояснення: 2.4.11 «Фокус не закрито», 2.5.7 «Рухи перетягування», 2.5.8 «Розмір цілі», 3.2.6 «Послідовна допомога», 3.3.7 «Надлишкове введення» і 3.3.8 «Доступна автентифікація».
У типовому інтернет-магазині нові критерії AA проявляються так: банер cookie закриває кнопку у фокусі, повзунок ціни не має альтернативи кліком, крихітні кнопки кількості й зразки кольорів, форма оплати знову просить адресу доставки, форма входу забороняє вставляти пароль. Наш чек-лист WCAG 2.2 для інтернет-магазину розбирає їх по черзі.
Що вилучено: 4.1.1 «Синтаксичний аналіз»
Критерій 4.1.1 вимагав розмітки без помилок, як-от незакритих елементів чи дубльованих атрибутів. W3C визнав його застарілим і вилучив з WCAG 2.2, бо браузери й допоміжні технології тепер самі обробляють такі помилки. Проблеми, які досі заважають людям, наприклад дубльовані ID, що розривають зв'язок між підписом і полем, покривають інші критерії: 1.3.1 «Інформація та взаємозв'язки» і 4.1.2 «Назва, роль, значення».
WCAG 2.1 і 2.2: що це означає для вашого сайту
- Якщо ваш сайт відповідає WCAG 2.1 AA, додаткова робота для 2.2 AA обмежена і конкретна: фокус і липкі елементи, більші цілі, альтернативи перетягуванню, послідовна допомога, без повторного введення, зручніший вхід.
- Якщо ваш сайт ще не перевіряли, одразу перевіряйте за 2.2 AA. Орієнтуватися на старішу версію немає сенсу.
- Якщо договір, закон чи ТЗ називає WCAG 2.1 (наприклад, через ДСТУ EN 301 549:2022), відповідність 2.2 AA однаково це покриває.
Яку версію використовують EN 301 549, ДСТУ і правила США
У Європейському Союзі Європейський акт про доступність спирається на гармонізований стандарт EN 301 549. Версія, на яку посилаються як на гармонізовану, V3.2.1, використовує WCAG 2.1 AA. V4.1.1, опублікована у вересні 2026 року, переходить на WCAG 2.2 AA; її публікацію в Офіційному віснику ЄС очікують наприкінці 2026 року. Подробиці: EN 301 549 V4.1.1 і WCAG 2.2.
В Україні ДСТУ EN 301 549:2022 ідентичний EN 301 549 V3.2.1, тобто для вебу це WCAG 2.1 рівнів A і AA. Разом із постановою КМУ №757 він стосується передусім державних сайтів: див. ДСТУ EN 301 549 і постанову №757.
У Сполучених Штатах Section 508 посилається на WCAG 2.0 AA, правило ADA Title II для урядів штатів і місцевої влади — на WCAG 2.1 AA, а для приватного бізнесу практичним орієнтиром є WCAG 2.1 або 2.2 AA. Див. доступність сайтів за ADA.
WCAG 3: статус
WCAG 3 — робоча чернетка. W3C опублікував нову чернетку у вересні 2026 року і зазначає, що готовим стандартом W3C вона стане не раніше ніж за кілька років. Її планують з іншою структурою та моделлю оцінювання, і в законах вона не замінить WCAG 2.2 автоматично. Поки що кожна відома нам норма посилається на WCAG 2.x.
Як Pandus перевіряє версії
Наш тестер виконує автоматичні перевірки WCAG 2.2 рівнів A і AA і зіставляє кожну знахідку з WCAG 2.0, 2.1 і 2.2 та з EN 301 549 V3.2.1 і V4.1.1. Із шести нових критеріїв A і AA наші автоматичні правила перевіряють лише 2.5.8 «Розмір цілі»; решта потребує людини. Спробуйте безкоштовний WCAG тестер, порівняйте рівні WCAG A, AA і AAA і пройдіть ручну частину зі статті як тестувати сайт за WCAG. Це автоматична перевірка, а не повний аудит, і не юридична консультація.
Відповіді на часті питання
Яка остання версія WCAG?
WCAG 2.2. Вона стала Рекомендацією W3C 5 жовтня 2023 року і була оновлена 12 грудня 2024 року. WCAG 3 — робоча чернетка, а не готовий стандарт.
Що таке WCAG 2.2 і що в ній нового?
WCAG 2.2 — найновіша версія настанов з доступності вебвмісту. Вона додає дев'ять нових критеріїв успіху: 2.4.11, 2.5.7, 2.5.8 і 3.3.8 рівня AA, 3.2.6 і 3.3.7 рівня A, а також 2.4.12, 2.4.13 і 3.3.9 рівня AAA. Критерій 4.1.1 «Синтаксичний аналіз» вилучено.
Скільки критеріїв успіху у WCAG 2.2?
Загалом 86: 31 рівня A, 24 рівня AA і 31 рівня AAA. Відповідність рівню AA означає виконання 55 критеріїв A і AA.
Якщо мій сайт відповідає WCAG 2.2 AA, чи відповідає він WCAG 2.1 AA?
Так, щодо критеріїв успіху. WCAG 2.2 зберігає кожен критерій 2.1, крім 4.1.1 «Синтаксичний аналіз», який W3C вважає застарілим, бо браузери й допоміжні технології тепер самі обробляють помилки розмітки, про які в ньому йшлося.
Яку версію WCAG використовує EN 301 549?
V3.2.1, версія, на яку посилаються як на гармонізовану за Європейським актом про доступність, використовує WCAG 2.1 AA; на ній же базується ДСТУ EN 301 549:2022. V4.1.1, опублікована у вересні 2026 року, використовує WCAG 2.2 AA; її публікацію в Офіційному віснику ЄС очікують наприкінці 2026 року.
Коли WCAG 3 замінить WCAG 2.2?
Не скоро. WCAG 3 — робоча чернетка, і W3C зазначає, що готовим стандартом вона стане не раніше ніж за кілька років. Закони посилаються на WCAG 2.x.
Джерела
- W3C, WCAG 2 overview (версії й дати, ISO/IEC 40500:2025): https://www.w3.org/WAI/standards-guidelines/wcag/
- W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
- W3C, WCAG 3 introduction: https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/
- National Disability Authority (Ірландія), EN 301 549 published: https://nda.ie/news/en301549-published