Доступність сайту і європейський закон: кого це стосується в Україні
- Європейський акт про доступність діє для нових продуктів і послуг з 28 червня 2025 року.
- Українських компаній він стосується не напряму, а через ринок: вимога приїжджає разом із клієнтом із ЄС.
- Технічний орієнтир — WCAG 2.1 рівня AA. Це не «версія для незрячих», а опис нормально зробленого сайту.
- Віджети-накладки проблему не закривають: доступність робиться у вёрстці, а не поверх неї.
Тема виглядає далекою, поки не приходить лист від європейського партнера з проханням заповнити опитувальник про доступність вашого сайту. Або поки тендер не завертають через відсутність заяви про доступність.
Чому це не тільки про ЄС
Директива вимагає, щоб цифрові продукти були придатні для людей із порушеннями зору, слуху, моторики й когнітивних функцій. Український бізнес формально під неї не підпадає. На практиці підпадає його сайт — якщо через нього продають у ЄС або якщо ваш клієнт у ЄС зобов’язаний перевіряти власних підрядників.
Першими це відчувають експортери, сервісні компанії з європейськими замовниками, магазини з доставкою в ЄС і всі, хто заходить у європейські тендери.
Що саме перевіряють
| Вимога | Що це означає на сайті | Складність |
|---|---|---|
| Контраст тексту | Сірий текст на світлому фоні — найчастіша помилка | Кілька годин |
| Керування з клавіатури | Меню, форму й модалку можна пройти без миші | Від годин до кількох днів |
| Альтернативні описи | У кожної змістовної картинки є alt | Залежить від обсягу |
| Форми | Поля підписані, помилка сказана словами, а не тільки кольором | День-два |
| Структура заголовків | Один H1, далі H2 і H3 за змістом, а не за розміром | Акуратність вёрстки |
| Відео | Субтитри для змістовного відео | Залежить від кількості |
Окремо про віджети «кнопка доступності» в кутку екрана. Вони не роблять сайт доступним і в європейській практиці радше привертають увагу перевіряльників, ніж заспокоюють їх.
Скільки це коштує
Якщо сайт зроблений акуратно, більшість вимог виконуються самі собою: нормальні заголовки, підписані поля, читабельний контраст — це просто якісна вёрстка. Дорого стає тоді, коли сайт зібраний з готової теми, у якій усе тримається на картинках.
Типовий обсяг для сайту компанії на 10–15 сторінок — від кількох днів до двох тижнів. Для магазину з фільтрами й кошиком більше: там багато інтерактиву.
З чого почати цього тижня
- Пройдіть свій сайт лише клавішею Tab. Дійшли до кнопки «Відправити» — уже добре.
- Прогоніть головну через Lighthouse у Chrome, вкладка Accessibility.
- Подивіться, чи видно фокус — рамку навколо активного елемента. Її часто прибирають «щоб не псувала дизайн».
- Перевірте форму: якщо помилка — це тільки червона рамка, її не побачить ніхто, крім зрячого користувача.
Ці чотири кроки не зроблять сайт відповідним директиві, але покажуть масштаб: це тиждень роботи чи привід говорити про редизайн.
Перевіримо ваш сайт за критеріями WCAG 2.1 AA і дамо список правок із оцінкою — без загальних слів про «інклюзивність».