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% помилок
У щоденній роботі зазвичай достатньо закрити чотири речі:
- Контраст тексту й тла — щонайменше 4.5:1 для звичайного шрифту, 3:1 для великого (від 18 px жирного або 24 px звичайного). Модний сірий
#999на білому дає 2.85:1, тобто не проходить. - Видимий фокус. Коли хтось рухається сайтом з клавіатури, активна кнопка або посилання повинні бути чітко виділені рамкою, підсвічуванням чи тінню. Багато розробників ставлять
outline: noneі забувають додати власний стиль. - Повна робота з клавіатури. Увесь сайт має проходитися Tab, активуватися Enter і закриватися Escape, без миші. Модалка, в якій фокус тікає під низ сторінки, — класика.
- Форми та клікабельні зони. Мінімальний розмір кнопки — 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 — це конкретний список, якого вимагає закон. Чотири блоки — контраст, фокус, клавіатура, форми — закривають більшість проблем за години роботи, а не тижні. Решта — це дисципліна при кожному новому графічному проєкті та шматку коду. Сайт, який працює для всіх клієнтів, і продає краще; це давно перестало бути лише етичним аргументом.
Схожі статті
Відгуки клієнтів на веб-сайті — чому вони такі важливі?
Читання відгуків і думок в інтернеті є для багатьох клієнтів основною умовою придбання товару чи послуги. Іноді думка звичайного користувача може пере...
Як обрати CMS для інтернет-магазину?
З думкою про осіб, які хочуть розпочати мережевий бізнес, але не вміють програмувати, було створено CMS (система управління контентом).
Скільки коштує утримання власного вебсайту?
У часи прискорюваної глобалізації та зростаючої щороку доступності інтернет-послуг дедалі важче знайти компанію чи постачальника послуг, які не мають...
Є питання?
Зателефонуйте - обговоримо деталі
Кожен проект індивідуальний, потребує уваги та ретельного планування. Я допоможу вам реалізувати ваші ідеї та зроблю все, щоб ви досягли своєї мети.
