WCAG (Web Content Accessibility Guidelines) — це міжнародні настанови з доступності вебконтенту, які визначають, як зробити сайти, застосунки та документи придатними для користування людьми з інвалідністю. Стандарт розробляє консорціум W3C — та сама організація, що стандартизує HTML і CSS.
Простими словами: WCAG — це перелік конкретних технічних вимог до сайту. Якщо сайт їм відповідає, ним зможе користуватися незряча людина зі скрінрідером, людина з тремором рук без мишки, людина з дальтонізмом або слабким зором, літня людина з планшетом.
В Україні WCAG — не абстрактна рекомендація. Через національний стандарт ДСТУ EN 301 549 вимоги WCAG обов'язкові для всіх державних сайтів з 2023 року, а Законопроєкт №14278 поширює їх на бізнес.
Хто створює WCAG і навіщо
Настанови розробляє Web Accessibility Initiative (WAI) — робоча група консорціуму W3C. Перша версія з'явилась у 1999 році. Мета стандарту — єдині, вимірювані критерії доступності, які можна перевірити й підтвердити.
WCAG використовують як технічну основу законодавства про доступність у більшості країн світу:
| Країна / регіон | Закон або стандарт | Базується на |
|---|---|---|
| Україна | ДСТУ EN 301 549:2022, Постанова КМУ №757 | WCAG 2.1 AA |
| Європейський Союз | European Accessibility Act, EN 301 549 | WCAG 2.1 AA |
| США | ADA, Section 508 | WCAG 2.0/2.1 AA |
| Велика Британія | Public Sector Bodies Accessibility Regulations | WCAG 2.2 AA |
Чотири принципи WCAG (POUR)
Всі вимоги WCAG згруповані навколо чотирьох принципів. Їх легко запам'ятати за англійською абревіатурою POUR:
- Perceivable — сприйнятність. Інформацію мають сприймати всі: зображення потребують текстового опису (alt-текст), відео — субтитрів, текст — достатнього контрасту з фоном.
- Operable — керованість. Сайтом можна користуватися без мишки: всі функції доступні з клавіатури, у користувача достатньо часу, ніщо не викликає епілептичних нападів.
- Understandable — зрозумілість. Текст читабельний, інтерфейс передбачуваний, форми підказують, як виправити помилки.
- Robust — надійність. Код коректно працює з допоміжними технологіями: скрінрідерами, програмами розпізнавання мовлення, альтернативними пристроями введення.
Кожен принцип розкривається у настановах (guidelines), а настанови — у критеріях успішності (success criteria), які і є конкретними вимогами для перевірки.
Версії WCAG: 2.0, 2.1, 2.2
| Версія | Рік | Критеріїв | Що додала |
|---|---|---|---|
| WCAG 2.0 | 2008 | 61 | Базова структура POUR, рівні A/AA/AAA |
| WCAG 2.1 | 2018 | 78 | Мобільна доступність, слабкий зір, когнітивні порушення |
| WCAG 2.2 | 2023 | 86 | Розмір цілей для дотику, доступна автентифікація, послідовна довідка |
Кожна нова версія зворотно сумісна: сайт, що відповідає WCAG 2.2, автоматично відповідає 2.1 та 2.0. Детальний розбір відмінностей — у статті WCAG 2.1 vs 2.2: що нового в 9 критеріях, повний гід по актуальній версії — WCAG 2.2: повний гід.
Факт: український ДСТУ EN 301 549 посилається на WCAG 2.1, але міжнародна практика вже переходить на WCAG 2.2 — саме за цією версією Центр моніторингу цифрової інклюзії перевіряє українські сайти.
Рівні відповідності: A, AA, AAA
Кожен критерій WCAG має один із трьох рівнів:
- Рівень A — мінімальний. Без нього сайт непридатний для користування людьми з інвалідністю: наприклад, зображення без alt-тексту, відсутність клавіатурного доступу.
- Рівень AA — стандартний. Саме його вимагають закони України, ЄС і США. Додає вимоги до контрасту (4.5:1 для тексту), розміру елементів, навігації.
- Рівень AAA — розширений. Найвищий рівень (контраст 7:1, сурдопереклад для відео). У повному обсязі досяжний не для всіх типів контенту, тому законодавство його не вимагає.
Коли кажуть «сайт відповідає WCAG», зазвичай мають на увазі рівень AA — він і є практичною метою для більшості команд.
А як ваш сайт виконує ці вимоги? Перевірте безкоштовно — кількість порушень за критичністю та інструкції з виправлення.
Що конкретно перевіряється: приклади вимог
Кілька типових критеріїв рівня AA, які найчастіше порушують українські сайти:
| Критерій | Вимога | Типова помилка |
|---|---|---|
| 1.1.1 Нетекстовий контент | Кожне зображення має alt-текст | <img> без атрибута alt |
| 1.4.3 Контраст | Текст контрастує з фоном мінімум 4.5:1 | Сірий текст на білому фоні |
| 2.1.1 Клавіатура | Все працює без мишки | Меню, що відкривається лише по hover |
| 2.4.4 Призначення посилання | З тексту посилання зрозуміло, куди воно веде | Посилання «тут», «детальніше» |
| 3.3.2 Мітки полів | Кожне поле форми має підпис | Поле лише з placeholder |
| 4.1.2 Ім'я, роль, значення | Елементи коректно озвучуються скрінрідером | Кнопка з <div onclick> |
За даними реєстру ЦМЦІ, 95% українських сайтів не проходять поріг рівня AA, а середня оцінка — 37 зі 100. Найпоширеніші помилки ми розібрали у статті 10 помилок доступності.
Як перевірити сайт на відповідність WCAG
Перевірка складається з двох частин:
- Автоматизована. Сканер аналізує код сторінки і знаходить до 57% можливих порушень: відсутні alt-тексти, недостатній контраст, проблеми зі структурою заголовків, ARIA-помилки. Це найшвидший спосіб отримати картину стану сайту — безкоштовний аудит доступності займає близько 30 секунд.
- Експертна. Решту критеріїв перевіряє людина: логіку навігації з клавіатури, коректність озвучування скрінрідером, зрозумілість текстів. Огляд інструментів — у статті Інструменти перевірки доступності.
Результати автоматизованих перевірок українських сайтів ЦМЦІ публікує у відкритому реєстрі та рейтингу доступності.
WCAG в Україні: правовий контекст
- Постанова КМУ №757 (липень 2023) зобов'язує всі сайти органів державної влади відповідати ДСТУ EN 301 549, який базується на WCAG 2.1 AA. Деталі — у розборі Постанови №757.
- European Accessibility Act (червень 2025) поширює вимоги на бізнес, що працює з клієнтами в ЄС, включно з українськими компаніями. Розбір — що змінює EAA для українського бізнесу.
- Законопроєкт №14278 (листопад 2025) вперше поширює вимоги доступності на приватний сектор України: банки, e-commerce, транспорт, медицину, освіту.
Часті запитання про WCAG
WCAG — це закон?
Сам по собі WCAG — технічний стандарт, а не закон. Але національні закони посилаються на нього як на технічну основу. В Україні вимоги WCAG стали обов'язковими для державних сайтів через ДСТУ EN 301 549 та Постанову КМУ №757.
Яка версія WCAG актуальна у 2026 році?
Актуальна версія — WCAG 2.2 (жовтень 2023). Український ДСТУ поки посилається на WCAG 2.1, але сайт, що відповідає 2.2, автоматично покриває і вимоги 2.1. W3C також працює над принципово новою версією WCAG 3.0, її прийняття очікується не раніше кінця десятиліття.
Який рівень WCAG потрібен моєму сайту?
Рівень AA. Саме його вимагають ДСТУ EN 301 549, European Accessibility Act та законодавство більшості країн. Рівень A недостатній, AAA — необов'язковий.
Чи існує WCAG українською?
Так, офіційний авторизований переклад WCAG 2.1 українською опубліковано на сайті W3C. Практичні матеріали українською — у Академії ЦМЦІ: гіди по стандартах, чеклісти для розробників, розбори законодавства.
Скільки коштує перевірка на відповідність WCAG?
Автоматизована перевірка — безкоштовна: сканер ЦМЦІ аналізує сайт за стандартом WCAG 2.2 AA і формує публічний звіт з переліком порушень та інструкціями. Експертний ручний аудит — платна послуга на ринку, її вартість залежить від розміру сайту.
Центр моніторингу цифрової інклюзії — незалежна неприбуткова громадська організація. Ми безкоштовно перевіряємо українські сайти за WCAG 2.2 та ДСТУ EN 301 549 і публікуємо результати у відкритому реєстрі.