Рівні WCAG простими словами: A, AA і AAA
Оновлено 14 жовтня 2026 · 7 хв читання
WCAG поділяє свої критерії успіху на три рівні: A, AA і AAA. Коли закон, договір чи тендер вимагає, щоб сайт відповідав «WCAG AA», це означає всі критерії рівня A і всі критерії рівня AA певної версії WCAG. На цій сторінці — що охоплює кожен рівень, як рахується відповідність, чому майже всі закони зупиняються на AA і що ви отримуєте та втрачаєте, якщо ціль — AAA.
Це загальна інформація, а не юридична консультація. Про самі настанови — у статті що таке WCAG.
Коротко про три рівні
| Рівень | Що означає | Критеріїв у WCAG 2.2 | Де використовується |
|---|---|---|---|
| A | Мінімум: без нього деякі люди взагалі не можуть користуватися сторінкою | 31 | Ніколи не буває метою сам по собі |
| AA | A і AA разом: усуває найпоширеніші бар'єри | 31 + 24 = 55 | Закони, політики, договори |
| AAA | A, AA і AAA разом: найсуворіший рівень | 55 + 31 = 86 | Окремі критерії для певного вмісту |
Рівні накопичуються. «Рівень AA» ніколи не означає лише критерії AA; він завжди охоплює рівень A. «Рівень AAA» охоплює всі три.
Рівень A
Критерії рівня A усувають бар'єри, які повністю блокують людей. Зображенням потрібна текстова альтернатива (1.1.1), усе має працювати з клавіатури (2.1.1) без пасток для клавіатури (2.1.2), сторінці потрібна мова (3.1.1), а кожному елементу керування — назва, роль і значення (4.1.2).
Рівень AA
Рівень AA додає те, що більшості людей з інвалідністю потрібно щодня: контраст тексту 4,5:1 (1.4.3), контраст 3:1 для іконок і рамок полів (1.4.11), текст, який можна збільшити до 200 % (1.4.4), макет, що перекомпоновується на вузькому екрані (1.4.10), видимий фокус (2.4.7) і, починаючи з WCAG 2.2, цілі для натискання щонайменше 24 на 24 CSS-пікселі (2.5.8).
Рівень AAA
Рівень AAA йде далі, часто так, що це підходить одним сайтам, але не іншим: переклад жестовою мовою, розширений аудіоопис, рівень складності тексту не вищий за базову середню освіту, повна відсутність обмежень часу.
Як рахується відповідність WCAG
Відповідність — це не відсоток. Вимоги до відповідності WCAG 2.2 задають п'ять умов, і діють усі вони:
- Рівень відповідності. Сторінка виконує кожен критерій успіху обраного рівня і рівнів нижче або надає альтернативну версію, яка відповідає вимогам.
- Цілі сторінки. Відповідність стосується сторінок повністю. Не можна виключити чат-віджет, банер cookie чи вбудовану мапу й однаково заявляти відповідність.
- Повні процеси. Якщо сторінка — один крок процесу (товар, кошик, оформлення замовлення, оплата), відповідати має кожна сторінка цього процесу. Один недоступний крок оплати ламає все оформлення замовлення.
- Лише способи використання технологій, які підтримують доступність. Техніки, на які ви покладаєтеся, мають справді працювати з допоміжними технологіями, якими користуються люди.
- Невтручання. Технології без підтримки доступності не повинні блокувати решту сторінки, наприклад захоплювати клавіатуру або вмикати звук.
Тож «ми виконуємо 90 % AA» — це не твердження в термінах WCAG. Сторінка або відповідає рівню, або ні, а інформація про доступність, яку ви публікуєте, має перелічувати частини, які ще не відповідають. Як це зробити, пояснює наш посібник з інформації про доступність.
Чому закони вимагають WCAG AA
Законодавці хотіли рівень, який усуває бар'єри, що трапляються більшості людей, і якого може досягти будь-який сайт. Це AA:
- Європейський Союз: Європейський акт про доступність спирається на гармонізований стандарт EN 301 549. Його веброзділ переймає критерії успіху WCAG рівнів A і AA — WCAG 2.1 у V3.2.1, WCAG 2.2 у V4.1.1. Читайте EN 301 549 V4.1.1 і WCAG 2.2 і путівник по EAA.
- Україна: ДСТУ 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; для приватного бізнесу за Title III практичним мірилом є WCAG 2.1 або 2.2 AA. Див. доступність сайтів за ADA.
- Договори й тендери зазвичай копіюють одну з цих норм, часто як «WCAG 2.1 AA» або «WCAG 2.2 AA».
Коли вимога звучить як «WCAG 2.1 AA», версія важлива: WCAG 2.2 AA містить кожен критерій 2.1 AA, крім вилученого 4.1.1 «Синтаксичний аналіз», і додає ще шість. Тож сайт, що відповідає 2.2 AA, відповідає і 2.1 AA. Що змінилося: WCAG 2.1 і 2.2.
WCAG AA і AAA: критерії, які шукають найчастіше
Ці критерії AAA трапляються найчастіше, зазвичай тому, що дизайн-інструмент чи тестер показує результат «AAA» поруч із AA:
| Критерій AAA | Що вимагає | Відповідник на рівні AA |
|---|---|---|
| 1.4.6 Контраст (підвищений) | Текст 7:1, великий текст 4,5:1 | 1.4.3: 4,5:1 і 3:1 |
| 2.5.5 Розмір цілі (підвищений) | Цілі щонайменше 44 на 44 CSS-пікселі | 2.5.8: 24 на 24 CSS-пікселі |
| 2.4.12 Фокус не закрито (підвищений) | Жодна частина елемента у фокусі не прихована | 2.4.11: не прихований повністю |
| 2.4.13 Вигляд фокуса | Індикатор фокуса мінімального розміру і контрасту | 2.4.7: фокус видимий |
| 3.3.9 Доступна автентифікація (підвищена) | Жодного когнітивного тесту під час входу, навіть розпізнавання об'єктів | 3.3.8: з деякими винятками |
| 1.2.6 Жестова мова (у записі) | Жестова мова для аудіо у відео в записі | немає |
| 1.4.8 Візуальне представлення | Довжина рядка, інтервали й вибір кольорів для блоків тексту | 1.4.12: інтервали в тексті можна змінити |
| 2.2.3 Без обмеження часу | Жодних обмежень часу, за небагатьма винятками | 2.2.1: обмеження часу можна налаштувати |
| 3.1.5 Рівень читання | Простіша версія для тексту, складнішого за рівень базової середньої освіти | немає |
Критерій 1.4.6 для будь-якої пари кольорів можна перевірити нашим калькулятором контрасту, який показує результати AA і AAA поруч.
Чому W3C не радить AAA як загальну політику
У тексті WCAG сказано прямо: не рекомендується вимагати відповідності рівню AAA як загальної політики для цілих сайтів, бо деякий вміст не може виконати всіх критеріїв AAA. Пряма відеотрансляція не може мати заздалегідь записаної жестової мови; юридичний текст чи попередження про безпеку товару не завжди можна переписати до рівня базової середньої освіти; фірмовий колір не на кожному фоні досягне 7:1.
Це не робить AAA марним. Практичний підхід:
- Виконайте рівень AA на кожній сторінці і в кожному процесі. Саме цього очікують закони і клієнти.
- Візьміть критерії AAA, які вам нічого не коштують, наприклад цілі 44 пікселі на мобільних, контраст 7:1 для основного тексту, помітний індикатор фокуса.
- Не заявляйте AAA для сайту, якщо кожен критерій AAA не виконано на кожній сторінці.
Як перевірити, якого рівня ви досягаєте
Автоматичний тест швидко знаходить багато порушень рівнів A і AA — відсутній альтернативний текст, низький контраст, кнопки без назв, не вказану мову сторінки. Підтвердити, що сторінка відповідає рівню, він не може, бо значна частина критеріїв потребує людського судження. Почніть із безкоштовного WCAG тестера, а потім пройдіть кроки з клавіатурою, збільшенням і екранним читачем зі статті як тестувати сайт за WCAG. Наша перевірка — це автоматична перевірка, а не повний аудит, і не юридична консультація.
Відповіді на часті питання
Які є три рівні WCAG?
A, AA і AAA. Кожен критерій успіху має один рівень. Рівень A — мінімум, AA додає критерії, потрібні більшості користувачів, AAA — найсуворіший. Кожен рівень охоплює нижчі рівні.
Що означає WCAG AA?
Сторінка відповідає рівню AA WCAG, коли виконує всі критерії успіху рівня A і всі критерії рівня AA тієї версії WCAG, на яку ви посилаєтеся, наприклад 55 критеріїв A і AA у WCAG 2.2.
Чим відрізняються WCAG AA і AAA?
AAA додає суворіші критерії, наприклад контраст 7:1 замість 4,5:1 (1.4.6), цілі розміром 44 на 44 CSS-пікселі (2.5.5) і жестову мову для відео в записі (1.2.6). Багато з них не може виконати будь-який вміст.
Чи вимагає закон WCAG AAA?
Як цілісного рівня — ні. EN 301 549 у ЄС, Section 508 і правило ADA Title II у США посилаються на рівень AA. Сам W3C не радить вимагати AAA як загальну політику для цілих сайтів.
Чи досі достатньо WCAG 2.1 AA?
Багато норм досі називають WCAG 2.1 AA, наприклад гармонізований EN 301 549 V3.2.1, ідентичний йому ДСТУ EN 301 549:2022 і правило ADA Title II. WCAG 2.2 AA містить усе з 2.1 AA, крім вилученого 4.1.1, тож орієнтація на 2.2 AA покриває обидві версії.
Джерела
- W3C, WCAG 2.2, вимоги до відповідності: https://www.w3.org/TR/WCAG22/#conformance-reqs
- W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
- W3C, Understanding 2.5.5 Target Size (Enhanced): https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced.html