WCAG 2.2 та EAA 2025: доступність сайту за 30 хвилин

WCAG 2.2 та закон EAA набирають чинності 28 червня 2025. Показуємо типові помилки, вартість впровадження та штрафи за невідповідність. Перевірте аудит за 30 хвилин.

З 28 червня 2025 сайт кав'ярні, меблевого магазину чи бухгалтерського бюро мусить відповідати правилам цифрової доступності WCAG 2.2 — цього вимагає польський закон, що впроваджує Європейський акт про доступність (EAA). Розповідаємо, кого нові норми реально стосуються, що перевірити на власному сайті за пів години та скільки коштують типові правки.

Цифрова доступність — це не приставлений збоку пандус для візків. Це радше широкий, зручний вхід, у який легко зайти і з візком, і з валізою, і просто втомленій людині з телефоном в одній руці. Увесь стандарт зводиться до цього одного проєктного рішення.

Що таке закон EAA і кого він стосується

Європейський акт про доступність — це директива ЄС від 2019 року, яку Польща впровадила законом від 26 квітня 2024. Діє з 28 червня 2025 і говорить просту річ: сайт, застосунок, особистий кабінет чи банкомат мусять давати кожному клієнту однаковий доступ до інформації, незалежно від зору, слуху та рухливості.

Норми охоплюють передусім електронну торгівлю, банківський сектор, пасажирський транспорт, телекомунікації, e-book, аудіовізуальні медіапослуги та банкомати. Мікропідприємства до дев'яти працівників і з оборотом нижче 2 млн євро, які надають лише послуги — наприклад, маленький салон краси зі сторінкою-візитівкою — мають звільнення. Але щойно той самий салон починає продавати косметику онлайн, звільнення зникає.

Якщо ти ведеш інтернет-магазин із доставкою клієнту, блог з онлайн-бронюванням або SaaS-сервіс — твоя компанія в списку зобов'язаних відповідати.

Що змінила версія 2.2 і про що вона насправді

WCAG — це міжнародний стандарт доступності вебсайтів для людей з інвалідністю, описаний консорціумом W3C. Версія 2.2 з кінця 2023 додала до попередньої дев'ять нових критеріїв: про жести на телефоні, розмір кнопок і видиме позначення того, де зараз перебуває курсор клавіатури.

Рівнів три: A — абсолютний мінімум, AA — стандарт, який вимагається від бізнесу в Польщі та всьому ЄС, AAA — максимальна версія, на практиці непотрібна звичайному магазину чи блогу. Реальна ціль: рівень AA. Те саме перевіряють безкоштовні сканери та того ж вимагає EAA.

Чотири блоки, у яких ховається 80% помилок

У щоденній роботі зазвичай достатньо закрити чотири речі:

1. Контраст тексту й тла — щонайменше 4.5:1 для звичайного шрифту, 3:1 для великого (від 18 px жирного або 24 px звичайного). Модний сірий #999 на білому дає 2.85:1, тобто не проходить.
2. Видимий фокус. Коли хтось рухається сайтом з клавіатури, активна кнопка або посилання повинні бути чітко виділені рамкою, підсвічуванням чи тінню. Багато розробників ставлять outline: none і забувають додати власний стиль.
3. Повна робота з клавіатури. Увесь сайт має проходитися Tab, активуватися Enter і закриватися Escape, без миші. Модалка, в якій фокус тікає під низ сторінки, — класика.
4. Форми та клікабельні зони. Мінімальний розмір кнопки — 24×24 пікселі. Іконки соцмереж на телефоні часто стиснуті так щільно, що палець потрапляє в сусідню.

Найчастіші помилки, які ми бачимо в клієнтів

• Іконка без підпису. Кнопку з самим кошиком або гамбургером скрінридер прочитає як «кнопка». Достатньо дописати aria-label="Otwórz menu".
• Карусель без паузи. Слайдер, що змінюється сам кожні три секунди, втомлює людей з дислексією та формально порушує стандарт. Потрібна видима кнопка стоп.
• Колір як єдиний сигнал. Поле форми світиться червоним «помилка», а дальтонік бачить лише темне тло. Поруч з кольором повинна з'явитися іконка або повідомлення: «Адреса email некоректна».
• Зображення без атрибута alt. Фото товару в магазині потребує короткого опису, декоративне тло — порожнього alt="". Значення на кшталт «DSC_1284.jpg» не рахується.
• Розсипана ієрархія заголовків. Один h1 на сторінку, нижче h2 і h3 по порядку. Добирати тег під розмір шрифту — типовий гріх.

Як перевірити свій сайт за 30 хвилин

Спершу автомат. У браузері Chrome відкрий F12 → Lighthouse → Accessibility → Generate. За хвилину отримаєш перелік проблем з точним указанням елементів. Зловить близько 30% реальних порушень, але саме вони зазвичай найдешевші у виправленні.

Потім розширення axe DevTools від Deque. Знайде більше проблем з атрибутами ARIA та контрастом, яких Lighthouse не помітив. Безкоштовної версії вистачить для аудиту невеликого сайту, хоча повний аудит цифрової доступності з купівельними сценаріями вже вимагає ручної перевірки.

Наприкінці ручний тест. Сховай мишку до шухляди, відкрий сайт і пройди ним Tab. Усе має бути досяжним, фокус видимий, попапи закриваються Escape. Увімкни вбудований скрінридер: на Mac це VoiceOver (Cmd+F5), на Windows — безкоштовний NVDA. Достатньо десяти хвилин слухання головної сторінки та кошика, щоб почути, що не так.

Скільки коштує привести сайт до WCAG 2.2

Доведення наявного лендингу на 5–10 підсторінок до рівня AA займає від 8 до 20 годин роботи розробника. Для типової кав'ярні чи маленького магазину це одне замовлення, а не місячний проєкт. Більший магазин з кошиком, акаунтом клієнта та кількома способами оплати — від 40 годин і вище.

Що цікаво, ці правки окупаються і з боку продажів. Нещодавно ми коригували контраст і підписи форми в магазині косметики; самі лише зміни на картці товару і в кошику підняли конверсію приблизно на 5%, бо читабельність зросла для всіх, а не лише для людей з вадами зору. Доступність і UX — це часто та сама робота, зроблена з двох сторін.

Розробка сайтів із підтримкою WCAG у нас іде одразу на рівні AA, з конкретним списком проблем до виправлення та вартістю кожної правки — без пакетів «все включено» і без додаткового абонентського обслуговування зверху.

Штрафи за відсутність WCAG і юридичний ризик

Нагляд за виконанням EAA у Польщі здійснює Президент Правління PFRON, а в телекомунікаціях та e-медіа — відповідно UKE та KRRiT. У разі виявленого порушення орган викликає компанію усунути проблему у визначений термін. Якщо фірма не реагує, ідуть адміністративні грошові штрафи — сягають десятків тисяч злотих при серйозніших порушеннях.

Другий ризик — цивільні позови від споживачів або організацій, що захищають права людей з інвалідністю. У США та Німеччині такі колективні позови — звичайна справа; у Польщі вони лише з'являються, але закон це дозволяє.

Часті питання про WCAG 2.2 та EAA

Кого стосується закон EAA?

Інтернет-магазинів, банків, телеком-компаній, громадського транспорту, e-book, аудіовізуальних медіапослуг і виробників банкоматів. Від обов'язку звільнені мікропідприємства, що надають послуги (до 9 працівників та оборот нижче 2 млн євро), але якщо вони продають щось онлайн — звільнення зникає.

Малий магазин теж зобов'язаний відповідати WCAG?

Так. Інтернет-магазин не підпадає під звільнення для мікропідприємств, бо продає товари, а не лише надає послуги. Якщо ти ведеш на WordPress магазин прикрас — твій сайт підпадає під повні вимоги WCAG 2.2 на рівні AA.

Який рівень WCAG вимагається — A, AA чи AAA?

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

Скільки часу займає приведення сайту у відповідність?

Для типового корпоративного сайту на 5–10 підсторінок — від 8 до 20 годин роботи. Для магазину з кошиком та акаунтом клієнта — від 40 годин і вище. Усе залежить від того, скільки помилок іде з готової теми, а скільки з індивідуального коду та плагінів.

Чи безкоштовного сканера Lighthouse вистачить для аудиту?

Вистачить для першого погляду та вилову 30% найчастіших проблем. Повний аудит цифрової доступності завжди вимагає ручної перевірки з клавіатурою та скрінридером, бо жоден сканер не визначить, чи має сайт сенс для людини, яка його не бачить.

Коротко

EAA вже діє, а WCAG 2.2 — це конкретний список, якого вимагає закон. Чотири блоки — контраст, фокус, клавіатура, форми — закривають більшість проблем за години роботи, а не тижні. Решта — це дисципліна при кожному новому графічному проєкті та шматку коду. Сайт, який працює для всіх клієнтів, і продає краще; це давно перестало бути лише етичним аргументом.