Перейти до вмісту
Pandus

Що таке WCAG: настанови з доступності вебвмісту

Оновлено 14 жовтня 2026 · 4 хв читання

WCAG — Web Content Accessibility Guidelines, настанови з доступності вебвмісту — це міжнародний стандарт доступних сайтів і застосунків. Його публікує Ініціатива з вебдоступності W3C, і він описує у вигляді правил, які можна перевірити, що потрібно сторінці, щоб нею могли користуватися люди з інвалідністю: незрячі люди з екранними читачами, люди, які не можуть користуватися мишею, люди зі слабким зором, глухі люди, люди з когнітивними порушеннями.

Чотири принципи WCAG

Усі критерії успіху згруповано за чотирма принципами, які часто скорочують англійською як POUR:

  1. Сприйнятність (Perceivable) — інформацію можна побачити або почути: текстові альтернативи для зображень, субтитри для відео, достатній контраст.
  2. Керованість (Operable) — усе працює з клавіатури, вистачає часу, ніщо небезпечно не блимає, навігація зрозуміла.
  3. Зрозумілість (Understandable) — мову вказано, поведінка передбачувана, форми пояснюють помилки.
  4. Надійність (Robust) — код працює з допоміжними технологіями: кожен елемент керування має назву, роль і стан.

Рівні A, AA і AAA

Кожен критерій успіху має рівень. A — мінімум, AA додає те, що потрібно більшості користувачів, а AAA — найсуворіший. Закони і політики — EN 301 549 у Європейському Союзі, Section 508 і мирові угоди за ADA у США — вимагають рівня AA, тобто всіх критеріїв A і AA. Докладніше — у статті рівні WCAG A, AA і AAA.

Версії: 2.0, 2.1, 2.2

WCAG 2.0 вийшла у 2008 році, 2.1 — у 2018-му, 2.2 — у 2023-му. Кожна версія зберігає попередні критерії і додає нові; у 2.2 також вилучено 4.1.1 «Синтаксичний аналіз». Сайт, що відповідає 2.2 AA, відповідає також 2.1 AA і 2.0 AA. Що змінилося в кожній версії: WCAG 2.1 і 2.2.

Усі критерії успіху рівнів A і AA

У таблиці — 55 критеріїв успіху WCAG 2.2 рівнів A і AA. Кожен веде на наше пояснення простими словами та на офіційний текст W3C і показує, чи перевіряють наші автоматичні правила частину цього критерію.

Для 22 із 55 критеріїв успішності WCAG 2.2 рівнів A і AA у нашій бібліотеці є хоча б одна автоматична перевірка. Решту позначено «ручна перевірка»: їх має перевірити людина.

Критерій успішності Рівень Що перевіряє тестер
1.1.1 Нетекстовий вміст W3C A Частково автоматично: Деякі індикатори рівня не мають назви, Деякі індикатори прогресу не мають назви, Зображення не мають текстового опису, Кнопка-зображення не має текстового опису і ще 3 (усі правила)
1.2.1 Лише аудіо та лише відеовміст (у записі) W3C A Ручна перевірка
1.2.2 Супровідні написи (у записі) W3C A Частково автоматично: Відео не мають субтитрів
1.2.3 Аудіоопис або альтернативні версії мультимедійних матеріалів (у записі) W3C A Ручна перевірка
1.2.4 Супровідні написи (в режимі реального часу) W3C AA Ручна перевірка
1.2.5 Аудіоопис (у записі) W3C AA Ручна перевірка
1.3.1 Інформація та взаємозв'язки W3C A Частково автоматично: Уся сторінка прихована від програм зчитування з екрана, Нестандартні меню або списки зібрано неправильно, Пункти меню або вкладки стоять поза своєю групою, Список «назва — значення» побудовано неправильно і ще 8 (усі правила)
1.3.2 Значуща послідовність W3C A Ручна перевірка
1.3.3 Сенсорні характеристики W3C A Ручна перевірка
1.3.4 Орієнтація W3C AA Частково автоматично: Сайт працює лише в одній орієнтації екрана
1.3.5 Призначення полів уведення W3C AA Частково автоматично: Поля оформлення замовлення не заповнюються автоматично
1.4.1 Застосування кольору W3C A Частково автоматично: Посилання в тексті виглядають як звичайний текст
1.4.2 Аудіокерування W3C A Частково автоматично: Деякі відео чи звуки вмикаються самі зі звуком
1.4.3 Контраст (мінімальні вимоги) W3C AA Частково автоматично: Текст важко прочитати через низький контраст
1.4.4 Зміна розміру тексту W3C AA Частково автоматично: Відвідувачі не можуть збільшити сторінку на смартфоні
1.4.5 Зображення тексту W3C AA Ручна перевірка
1.4.10 Прокрутка в кількох напрямках W3C AA Ручна перевірка
1.4.11 Контраст нетекстових елементів W3C AA Ручна перевірка
1.4.12 Міжрядковий інтервал W3C AA Частково автоматично: Інтервали в тексті неможливо змінити
1.4.13 Вміст під час наведення курсора чи встановлення фокуса W3C AA Ручна перевірка
2.1.1 Клавіатура W3C A Частково автоматично: Користувачі клавіатури не можуть дістатися до вбудованого вмісту, Деякими областями з прокруткою не можна користуватися з клавіатури, Клікабельне зображення працює лише з мишею
2.1.2 Повне керування з клавіатури W3C A Ручна перевірка
2.1.4 Клавіші для швидких дій W3C A Ручна перевірка
2.2.1 Налаштування часу W3C A Частково автоматично: Сторінка сама перезавантажується або переадресовує
2.2.2 Пауза, Зупинення, Приховування W3C A Частково автоматично: Сторінка містить застарілу розмітку миготливого тексту, Деякий текст рухається, і його не можна зупинити
2.3.1 Обмеження на три чи менше спалахи W3C A Ручна перевірка
2.4.1 Пропускання блоків W3C A Частково автоматично: Немає швидкого способу перейти до основного вмісту
2.4.2 Заголовок сторінки W3C A Частково автоматично: Сторінка не має заголовка
2.4.3 Порядок переміщення фокуса W3C A Ручна перевірка
2.4.4 Призначення посилання (в контексті) W3C A Частково автоматично: Клікабельні ділянки зображення не мають опису, Деякі посилання не повідомляють, куди ведуть
2.4.5 Різні способи пошуку W3C AA Ручна перевірка
2.4.6 Заголовки та маркування W3C AA Ручна перевірка
2.4.7 Видимий фокус W3C AA Ручна перевірка
2.4.11 Фокус не перекрито (мінімальні вимоги) W3C (нове у 2.2) AA Ручна перевірка
2.5.1 Керування жестами W3C A Ручна перевірка
2.5.2 Скасування дій курсором W3C A Ручна перевірка
2.5.3 Маркування в назві елемента W3C A Частково автоматично: Прихована назва кнопки відрізняється від видимого тексту
2.5.4 Керування рухом W3C A Ручна перевірка
2.5.7 Рухи перетягування W3C (нове у 2.2) AA Ручна перевірка
2.5.8 Розмір активних елементів (мінімальні вимоги) W3C (нове у 2.2) AA Частково автоматично: Кнопки й посилання замалі, щоб на них було легко натиснути
3.1.1 Мова сторінки W3C A Частково автоматично: Сторінка не вказує, якою мовою вона написана, Мову сторінки вказано неправильно, Сторінка оголошує дві різні мови
3.1.2 Мова частин вмісту W3C AA Частково автоматично: Частину тексту позначено неправильним кодом мови
3.2.1 Перебування у фокусі W3C A Ручна перевірка
3.2.2 Під час введення W3C A Ручна перевірка
3.2.3 Узгоджена навігація W3C AA Ручна перевірка
3.2.4 Узгоджене розпізнавання W3C AA Ручна перевірка
3.2.6 Узгоджена допомога W3C (нове у 2.2) A Ручна перевірка
3.3.1 Виявлення помилок W3C A Ручна перевірка
3.3.2 Маркування або інструкції W3C A Частково автоматично: Деякі поля форм мають кілька підписів
3.3.3 Підказування в разі помилок W3C AA Ручна перевірка
3.3.4 Недопущення помилок (юридичних, фінансових, під час уведення даних) W3C AA Ручна перевірка
3.3.7 Повторне введення даних W3C (нове у 2.2) A Ручна перевірка
3.3.8 Доступна автентифікація (мінімальні вимоги) W3C (нове у 2.2) AA Ручна перевірка
4.1.2 Назва, роль, значення W3C A Частково автоматично: Клікабельні ділянки зображення не мають опису, Атрибути доступності використано не на тих елементах, Деякі елементи мають підпис для шрифту Брайля, але не мають звичайної назви, Нестандартні кнопки не мають назви і ще 23 (усі правила)
4.1.3 Повідомлення про статус W3C AA Ручна перевірка

WCAG і стандарт ДСТУ EN 301 549 в Україні

В Україні діє національний стандарт ДСТУ EN 301 549:2022, ідентичний європейському EN 301 549 V3.2.1. Його веброзділ переймає критерії WCAG 2.1 рівнів A і AA. Разом із постановою КМУ №757 він стосується передусім державних сайтів та інформаційно-комунікаційних систем, тому вимога WCAG з'являється в ТЗ тендерів. Що це означає для замовників і підрядників — у статті про ДСТУ EN 301 549 і постанову №757. Якщо ж ви продаєте споживачам у ЄС, почніть із путівника по EAA.

Як перевірити сайт за WCAG

Почніть з автоматичного тесту — наш WCAG тестер безкоштовно перевіряє одну сторінку, — а потім перевірте вручну: клавіатурою, збільшенням і екранним читачем. Як поєднати одне з іншим: як тестувати сайт за WCAG.

Швидкі шляхи: усі критерії A і AA на одному екрані — у короткому довіднику WCAG 2.2, повторювані рішення — у патернах WCAG, а як описувати зображення — у посібнику з альтернативного тексту.

Відповіді на часті питання

Що означає абревіатура WCAG?

Web Content Accessibility Guidelines — настанови з доступності вебвмісту. Їх публікує Консорціум Всесвітньої павутини (W3C) через свою Ініціативу з вебдоступності (WAI).

Як читається WCAG?

Абревіатуру вимовляють по-різному: по літерах або одним словом. Обидва варіанти зрозумілі фахівцям.

Яка остання версія WCAG?

WCAG 2.2, яка стала Рекомендацією W3C у жовтні 2023 року. WCAG 3 досі є робочою чернеткою, і закони на неї поки не посилаються.

Чи є WCAG законом?

Ні. WCAG — це технічний стандарт, але закони на нього посилаються: у ЄС через гармонізований стандарт EN 301 549, у США через судову практику за ADA і Section 508.

Який рівень WCAG потрібен?

Рівень AA — майже в усіх законах і політиках. Рівень A — мінімум, а AAA як цілісний рівень не вимагається для жодного сайту.

Який стандарт доступності сайтів діє в Україні?

ДСТУ EN 301 549:2022, ідентичний європейському EN 301 549 V3.2.1, тобто для вебу це критерії WCAG 2.1 рівнів A і AA. Разом із постановою КМУ №757 він стосується передусім державних сайтів і систем. Це не юридична консультація.

Скільки критеріїв успіху в WCAG 2.2?

86: 31 рівня A, 24 рівня AA і 31 рівня AAA, згруповані в 13 настанов за 4 принципами. Рівень AA, на який посилаються закони, — це 55 критеріїв A і AA. Критерій 4.1.1 «Синтаксичний аналіз» залишено в нумерації як застарілий і вилучений.

Чи є WCAG стандартом ISO?

Так. WCAG також опубліковано як ISO/IEC 40500. За даними W3C, ISO/IEC 40500:2025 повністю збігається з версією WCAG 2.2 від жовтня 2023 року, а версія від грудня 2024 року, як очікує W3C, стане ISO/IEC 40500:2026 до кінця 2026 року.

Коли було опубліковано WCAG 2.2?

WCAG 2.2 стала Рекомендацією W3C 5 жовтня 2023 року. Оновлену версію опубліковано 12 грудня 2024 року. Вона додала до WCAG 2.1 дев'ять критеріїв успіху і вилучила 4.1.1 «Синтаксичний аналіз».

Чи існує крайній термін для WCAG 2.2?

Універсального немає. Сам WCAG не має терміну; W3C закликає використовувати найновішу версію. Терміни походять із законів і стандартів, на які вони посилаються. У ЄС EN 301 549 V4.1.1 на основі WCAG 2.2 AA опубліковано 2 вересня 2026 року; доки його не наведено в Офіційному віснику, чинною лишається версія V3.2.1 на основі WCAG 2.1.

Джерела

  • W3C WAI, WCAG 2 Overview (versions and ISO/IEC 40500): https://www.w3.org/WAI/standards-guidelines/wcag/
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2: https://www.w3.org/TR/WCAG22/
  • W3C, What's new in WCAG 2.2: https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/
  • National Disability Authority (Ireland), EN 301 549 V4.1.1 published: https://nda.ie/news/en301549-published