Швидкий довідник WCAG 2.2: усі критерії A і AA на одній сторінці
Оновлено 14 жовтня 2026 · 3 хв читання
WCAG 2.2 має 86 критеріїв успіху в чотирьох принципах і 13 настановах. Для сайту важливий рівень AA, тобто всі 31 критерій рівня A і 24 критерії рівня AA — разом 55. На цій сторінці ці 55 критеріїв зібрано в одну таблицю з коротким поясненням простою мовою й посиланням на наш розбір кожного, а також є PDF-чек-лист для роботи.
Це загальна інформація, а не юридична консультація.
WCAG 2.2 у цифрах
| Що | Кількість | Примітки |
|---|---|---|
| Принципи | 4 | Сприйнятність, керованість, зрозумілість, надійність |
| Настанови | 13 | 4 + 5 + 3 + 1 у чотирьох принципах |
| Критерії рівня A | 31 | Мінімум |
| Критерії рівня AA | 24 | A + AA = 55, рівень, на який посилаються закони |
| Критерії рівня AAA | 31 | A + AA + AAA = 86 |
| Нові порівняно з WCAG 2.1 | 9 | 4.1.1 «Синтаксичний аналіз» застарілий і вилучений |
Кількості наведено за рекомендацією WCAG 2.2. 4.1.1 «Синтаксичний аналіз» досі є в нумерації з позначкою «застарілий і вилучений», тому пунктів можна нарахувати 87, а критеріїв лише 86. Більше про рівні — у статті рівні WCAG A, AA і AAA, про нові критерії — у статті WCAG 2.1 і 2.2.
Усі критерії A і AA
У таблиці — кожен критерій WCAG 2.2 рівнів A і AA. Кожна назва веде на наше пояснення; остання колонка показує, чи перевіряють наші автоматичні перевірки його частину. Критерії без автоматичного покриття потребують ручної перевірки.
| Критерій успішності | Рівень | Що вимагає | Автоматична перевірка |
|---|---|---|---|
| 1.1.1 Нетекстовий вміст | A | WCAG 1.1.1 вимагає альтернативний текст для кожного зображення, іконки та кнопки-зображення (рівень A). Як писати alt, коли він порожній, винятки й перевірка. | Частково |
| 1.2.1 Лише аудіо та лише відеовміст (у записі) | A | WCAG 1.2.1 вимагає транскрипт для аудіозаписів і текстову чи аудіоальтернативу для відео без звуку (рівень A). Що підходить, який є виняток і як перевірити. | Ручна перевірка |
| 1.2.2 Супровідні написи (у записі) | A | WCAG 1.2.2 вимагає субтитри для всіх записаних відео зі звуком (рівень A). Що мають містити субтитри, чому автоматичних замало і як їх перевірити на сайті. | Частково |
| 1.2.3 Аудіоопис або альтернативні версії мультимедійних матеріалів (у записі) | A | WCAG 1.2.3 вимагає аудіоопис або повну текстову альтернативу для записаного відео (рівень A). Що означає кожен варіант, коли нічого не треба і як це перевірити. | Ручна перевірка |
| 1.2.4 Супровідні написи (в режимі реального часу) | AA | WCAG 1.2.4 вимагає субтитри для відео наживо зі звуком, як-от вебінари та live shopping (рівень AA). Що вважають прямим ефіром, що не охоплено і як перевірити. | Ручна перевірка |
| 1.2.5 Аудіоопис (у записі) | AA | WCAG 1.2.5 вимагає аудіоопис для всіх записаних відео зі звуком (рівень AA). Коли він не потрібен, що таке розширений аудіоопис і як перевірити ваші відео. | Ручна перевірка |
| 1.3.1 Інформація та взаємозв'язки | A | WCAG 1.3.1 вимагає, щоб заголовки, списки, таблиці й мітки полів були розмічені в коді, а не лише стилізовані (рівень A). Типові помилки та перевірка. | Частково |
| 1.3.2 Значуща послідовність | A | WCAG 1.3.2 вимагає, щоб порядок вмісту в коді зберігав зміст, коли сторінку читають уголос (рівень A). Типові помилки CSS-верстки, перевірка й виправлення. | Ручна перевірка |
| 1.3.3 Сенсорні характеристики | A | WCAG 1.3.3: інструкції не можуть спиратися лише на форму, колір, розмір, місце чи звук, як «натисніть круглу кнопку» (рівень A). Приклади й перевірка. | Ручна перевірка |
| 1.3.4 Орієнтація | AA | WCAG 1.3.4: сайт не може блокувати портретну чи альбомну орієнтацію, якщо одна з них не є необхідною (рівень AA). Що це означає, як перевірити й виправити. | Частково |
| 1.3.5 Призначення полів уведення | AA | WCAG 1.3.5 вимагає, щоб поля для даних самого користувача, як-от ім'я чи email, вказували призначення через autocomplete (рівень AA). Які поля і як перевірити. | Частково |
| 1.4.1 Застосування кольору | A | WCAG 1.4.1: колір не може бути єдиним візуальним способом показати інформацію — посилання, помилки, наявність (рівень A). Посилання, приклади, перевірка. | Частково |
| 1.4.2 Аудіокерування | A | WCAG 1.4.2: звук, що вмикається автоматично довше ніж на 3 секунди, потребує паузи, зупинки чи регулювання гучності (рівень A). Помилки й перевірка. | Частково |
| 1.4.3 Контраст (мінімальні вимоги) | AA | WCAG 1.4.3 вимагає контрастності тексту щонайменше 4,5:1, а великого тексту — 3:1 (рівень AA). Що вважають великим текстом, які є винятки і як це перевірити. | Частково |
| 1.4.4 Зміна розміру тексту | AA | WCAG 1.4.4 вимагає, щоб текст можна було збільшити до 200 % без втрати вмісту чи функцій (рівень AA). Чому блокувати масштаб не можна, винятки та перевірка. | Частково |
| 1.4.5 Зображення тексту | AA | WCAG 1.4.5 вимагає справжній текст замість картинок із текстом, де це можливо (рівень AA). Винятки для логотипів і необхідного тексту, приклади, перевірка. | Ручна перевірка |
| 1.4.10 Прокрутка в кількох напрямках | AA | WCAG 1.4.10 вимагає, щоб сторінки працювали при ширині 320 CSS px або масштабі 400 % без горизонтальної прокрутки (рівень AA). Винятки, перевірка й виправлення. | Ручна перевірка |
| 1.4.11 Контраст нетекстових елементів | AA | WCAG 1.4.11 вимагає контрастність 3:1 для іконок, рамок полів форми, індикаторів фокуса й частин діаграм (рівень AA). Винятки, як перевірити і виправити. | Ручна перевірка |
| 1.4.12 Міжрядковий інтервал | AA | WCAG 1.4.12: текст має працювати, коли користувач задає висоту рядка 1,5, абзаци 2×, інтервали між літерами 0,12 і словами 0,16 (рівень AA). Як перевірити. | Частково |
| 1.4.13 Вміст під час наведення курсора чи встановлення фокуса | AA | WCAG 1.4.13: підказки, мегаменю та спливні вікна при наведенні чи фокусі має бути змога закрити, навести на них курсор, і вони не зникають самі (рівень AA). | Ручна перевірка |
| 2.1.1 Клавіатура | A | WCAG 2.1.1 вимагає, щоб кожна функція сторінки працювала лише з клавіатури (рівень A). Що це охоплює, єдиний виняток і як перевірити навігацію з клавіатури. | Частково |
| 2.1.2 Повне керування з клавіатури | A | WCAG 2.1.2: фокус клавіатури, що потрапив у компонент, має могти покинути його лише за допомогою клавіатури (рівень A). Типові клавіатурні пастки й перевірка. | Ручна перевірка |
| 2.1.4 Клавіші для швидких дій | A | WCAG 2.1.4: односимвольні клавіатурні скорочення має бути змога вимкнути, перепризначити чи обмежити елементом у фокусі (рівень A). Приклади й перевірка. | Ручна перевірка |
| 2.2.1 Налаштування часу | A | WCAG 2.2.1 вимагає, щоб ліміти часу можна було вимкнути, змінити чи продовжити, з попередженням і 20 секундами на продовження (рівень A). Винятки та перевірка. | Частково |
| 2.2.2 Пауза, Зупинення, Приховування | A | WCAG 2.2.2 вимагає спосіб поставити на паузу, зупинити чи приховати вміст, що рухається понад 5 секунд або оновлюється сам (рівень A). Каруселі, бігучі рядки. | Частково |
| 2.3.1 Обмеження на три чи менше спалахи | A | WCAG 2.3.1 забороняє вміст, що спалахує понад три рази за будь-яку секунду, якщо він не нижчий за пороги спалахів (рівень A). Що враховують і як перевірити. | Ручна перевірка |
| 2.4.1 Пропускання блоків | A | WCAG 2.4.1 вимагає спосіб пропустити блоки, що повторюються на кожній сторінці, як-от меню (рівень A). Посилання пропуску, орієнтири, заголовки, перевірка. | Частково |
| 2.4.2 Заголовок сторінки | A | WCAG 2.4.2 вимагає, щоб кожна вебсторінка мала заголовок, що описує її тему чи призначення (рівень A). Добрі заголовки для магазинів і SPA, як перевірити. | Частково |
| 2.4.3 Порядок переміщення фокуса | A | WCAG 2.4.3 вимагає, щоб фокус клавіатури рухався в порядку, який зберігає зміст і працездатність (рівень A). Додатний tabindex, спливні вікна та перевірка. | Ручна перевірка |
| 2.4.4 Призначення посилання (в контексті) | A | WCAG 2.4.4 вимагає, щоб призначення кожного посилання було зрозумілим з його тексту чи контексту (рівень A). Чому «Детальніше» та порожні іконки — проблема. | Частково |
| 2.4.5 Різні способи пошуку | AA | WCAG 2.4.5 вимагає більше ніж один спосіб знайти сторінку, як-от меню і пошук або мапу сайту (рівень AA). Виняток для оформлення замовлення та перевірка. | Ручна перевірка |
| 2.4.6 Заголовки та маркування | AA | WCAG 2.4.6 вимагає, щоб заголовки й мітки описували свою тему чи призначення (рівень AA). Чого критерій не вимагає, порядок заголовків, мітки полів і перевірка. | Ручна перевірка |
| 2.4.7 Видимий фокус | AA | WCAG 2.4.7 вимагає, щоб фокус клавіатури завжди було видно (рівень AA). Чому outline: none його ламає, чим критерій відрізняється від 2.4.13 і як перевірити. | Ручна перевірка |
| 2.4.11 Фокус не перекрито (мінімальні вимоги) (нове у 2.2) | AA | WCAG 2.4.11 (новий у 2.2, AA): елемент у фокусі не може бути повністю прихований закріпленою шапкою, банером cookie чи іншим вмістом автора. Винятки, перевірка. | Ручна перевірка |
| 2.5.1 Керування жестами | A | WCAG 2.5.1 вимагає, щоб зведення пальців, свайп та інші багатоточкові чи траєкторні жести працювали й одним дотиком чи кліком (рівень A). Приклади, перевірка. | Ручна перевірка |
| 2.5.2 Скасування дій курсором | A | WCAG 2.5.2 вимагає, щоб дії вказівником не спрацьовували при натисканні, тож випадкові дотики можна скасувати (рівень A). Чотири варіанти виконання й перевірка. | Ручна перевірка |
| 2.5.3 Маркування в назві елемента | A | WCAG 2.5.3 вимагає, щоб доступна назва елемента керування містила текст його видимої мітки (рівень A), тож голосом можна назвати те, що бачите. Типові помилки. | Частково |
| 2.5.4 Керування рухом | A | WCAG 2.5.4: функції, які запускає струшування чи нахил пристрою, мають працювати й з елементів керування на екрані, а реакцію на рух можна вимкнути (рівень A). | Ручна перевірка |
| 2.5.7 Рухи перетягування (нове у 2.2) | AA | WCAG 2.5.7 (новий у 2.2, AA) вимагає, щоб усе, що робиться перетягуванням, можна було зробити одним вказівником без перетягування. Повзунки, списки, мапи. | Ручна перевірка |
| 2.5.8 Розмір активних елементів (мінімальні вимоги) (нове у 2.2) | AA | WCAG 2.5.8 (новий у 2.2, AA) вимагає цілі для кліку й дотику щонайменше 24×24 CSS-пікселі або достатній відступ. П'ять винятків, приклади та перевірка. | Частково |
| 3.1.1 Мова сторінки | A | WCAG 3.1.1 вимагає, щоб основну мову кожної сторінки могли визначити програми, зазвичай через атрибут lang в html (рівень A). Що це означає і як перевірити. | Частково |
| 3.1.2 Мова частин вмісту | AA | WCAG 3.1.2 вимагає позначати уривки іншою мовою атрибутом lang (рівень AA). Винятки для назв і термінів, типові помилки в магазинах і як їх виправити. | Частково |
| 3.2.1 Перебування у фокусі | A | WCAG 3.2.1: перехід фокуса на елемент керування не повинен змінювати контекст, як-от відкривати вікно чи нову сторінку (рівень A). Приклади й перевірка. | Ручна перевірка |
| 3.2.2 Під час введення | A | WCAG 3.2.2: зміна поля, прапорця чи списку не повинна змінювати контекст, якщо користувача не попередили заздалегідь (рівень A). Помилки й перевірка. | Ручна перевірка |
| 3.2.3 Узгоджена навігація | AA | WCAG 3.2.3 вимагає, щоб меню та інша навігація, що повторюється на сторінках, зберігали той самий відносний порядок (рівень AA). Що дозволено й перевірка. | Ручна перевірка |
| 3.2.4 Узгоджене розпізнавання | AA | WCAG 3.2.4 вимагає, щоб компоненти з однаковою функцією мали однакові позначення на всьому сайті (рівень AA). Що враховують, типові помилки й перевірка. | Ручна перевірка |
| 3.2.6 Узгоджена допомога (нове у 2.2) | A | WCAG 3.2.6, новий у WCAG 2.2, вимагає, щоб контакти, чат і посилання на допомогу, що повторюються, стояли в тому самому порядку (рівень A). Що охоплено. | Ручна перевірка |
| 3.3.1 Виявлення помилок | A | WCAG 3.3.1 вимагає, щоб помилки у формах позначалися й описувалися текстом, зокрема порожні обов'язкові поля (рівень A). Типові помилки, перевірка. | Ручна перевірка |
| 3.3.2 Маркування або інструкції | A | WCAG 3.3.2 вимагає мітки чи інструкції скрізь, де форма чекає введення, включно з необов'язковими полями (рівень A). Заповнювачі, обов'язкові поля, перевірка. | Частково |
| 3.3.3 Підказування в разі помилок | AA | WCAG 3.3.3 вимагає, щоб у разі помилки у формі, коли виправлення відоме, його пропонували користувачеві (рівень AA). Виняток для безпеки, приклади й перевірка. | Ручна перевірка |
| 3.3.4 Недопущення помилок (юридичних, фінансових, під час уведення даних) | AA | WCAG 3.3.4 вимагає, щоб замовлення, оплати й видалення даних можна було скасувати, перевірити чи підтвердити, перш ніж вони стануть остаточними (рівень AA). | Ручна перевірка |
| 3.3.7 Повторне введення даних (нове у 2.2) | A | WCAG 3.3.7, новий у WCAG 2.2: уже введені в процесі дані мають підставлятися чи пропонуватися для вибору, а не вводитися знову (рівень A). Винятки та перевірка. | Ручна перевірка |
| 3.3.8 Доступна автентифікація (мінімальні вимоги) (нове у 2.2) | AA | WCAG 3.3.8, новий у 2.2, забороняє тести на пам'ять і головоломки під час входу без альтернативи чи допомоги, як-от вставлення й менеджери паролів (AA). | Ручна перевірка |
| 4.1.2 Назва, роль, значення | A | WCAG 4.1.2 вимагає, щоб кожна кнопка, посилання й поле форми передавали допоміжним технологіям назву, роль і стан (рівень A). Помилки ARIA в магазинах. | Частково |
| 4.1.3 Повідомлення про статус | AA | WCAG 4.1.3 вимагає, щоб повідомлення на кшталт «Додано в кошик» чи «12 результатів» озвучувалися без переміщення фокуса (рівень AA). role=status і alert. | Ручна перевірка |
Офіційний швидкий довідник W3C
W3C публікує власний налаштовуваний довідник How to Meet WCAG (Quick Reference). У ньому критерії успіху наведено разом із достатніми й рекомендаційними техніками W3C та задокументованими типовими помилками, і його можна фільтрувати за рівнем, технологією (HTML, CSS, ARIA, скрипти, PDF тощо) і версією WCAG. Це довідник для розробників, які хочуть знати, як виконати критерій; наша таблиця вище — коротка версія, щоб вирішити, на що дивитися насамперед.
Як користуватися довідником
- Почніть з автоматичної перевірки. Наш безкоштовний WCAG-тестер перевіряє одну сторінку за критеріями, які можна протестувати автоматично, і пояснює кожну знахідку простими словами.
- Решту пройдіть вручну. Кроки з клавіатурою, фокусом, масштабуванням і програмою зчитування з екрана — у статті як тестувати сайт за WCAG.
- Відстежуйте прогрес. Скористайтеся чек-листом нижче або вебверсією — чек-листом WCAG 2.2.
Наші перевірки — це автоматична перевірка, а не повний аудит, і не юридична консультація. Про самі настанови — в нашому огляді WCAG.
Завантажити як PDF-чек-лист
Завантажте чекліст у PDF
Усі критерії успішності рівнів A і AA: що перевірити, з квадратиком для позначки. Безкоштовно, посилання на пошту.
Часті запитання
Скільки критеріїв успіху має WCAG 2.2?
86: 31 рівня A, 24 рівня AA і 31 рівня AAA. Нумерація доходить до 87 пунктів, бо 4.1.1 «Синтаксичний аналіз» збережено з позначкою «застарілий і вилучений».
Скільки критеріїв рівня AA у WCAG 2.2?
Рівень AA мають 24 критерії. Відповідати рівню AA означає виконувати ці 24 і 31 критерій рівня A, тобто загалом 55 критеріїв успіху.
Скільки настанов у WCAG 2.2?
13 настанов у межах 4 принципів: 4 у принципі «Сприйнятність», 5 у «Керованості», 3 у «Зрозумілості» і 1 у «Надійності». Перевірювані вимоги — це критерії успіху всередині настанов.
Де офіційний швидкий довідник W3C?
W3C публікує «How to Meet WCAG (Quick Reference)» за адресою w3.org/WAI/WCAG22/quickref. Він містить усі критерії успіху з техніками й типовими помилками, і його можна фільтрувати за рівнем, технологією та версією.
Скільки нових критеріїв у WCAG 2.2?
Дев'ять нових критеріїв успіху порівняно з WCAG 2.1; 4.1.1 «Синтаксичний аналіз» вилучено. Шість нових мають рівень A або AA.
Джерела
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2: https://www.w3.org/TR/WCAG22/
- W3C, How to Meet WCAG (Quick Reference): https://www.w3.org/WAI/WCAG22/quickref/
- W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/