Акт ЄС про доступність: що мають зробити сайти

З 28 червня 2025 року Акт ЄС про доступність почне діяти для багатьох сайтів і застосунків, які продають споживачам у Євросоюзі. Якщо незрозуміло, що він означає для вашого сайту, почніть із чотирьох кроків: перевірте, чи ваш сервіс підпадає під дію акта, протестуйте його за WCAG 2.1 AA, виправте критичні проблеми і опублікуйте заяву про доступність.

Ця стаття пояснює закон простими словами, але не є юридичною консультацією. Директиву впроваджують національні закони, і деталі в різних країнах відрізняються. Конкретику уточнюйте з юристами на ринках, де ви працюєте.

Що таке Європейський акт про доступність?

Європейський акт про доступність (European Accessibility Act, EAA) - це Директива (ЄС) 2019/882, ухвалена 2019 року. Вона встановлює спільні вимоги доступності для певних продуктів і послуг у всьому ЄС. Країни-члени мали перенести її в національне законодавство до 28 червня 2022 року, а застосовувати норми почнуть із 28 червня 2025-го.

До цього кожна країна мала власні правила, і здебільшого вони стосувалися лише сайтів державного сектору. EAA вперше на рівні ЄС поширює обов’язки щодо доступності на приватні компанії.

Акт охоплює і продукти (комп’ютери, банкомати, електронні книги), і послуги. Для сайтів важлива саме частина про послуги.

Які сайти підпадають під дію акта?

Акт стосується конкретних споживчих послуг, а не кожного сайту. Для цифрових команд найважливіші такі:

• Електронна комерція. Будь-який сайт чи застосунок, що продає товари або послуги споживачам онлайн. Це найширша категорія.
• Банківські послуги для споживачів. Зокрема онлайн-банкінг і сценарії оплати.
• Електронні комунікації. Наприклад, месенджери та сервіси дзвінків.
• Пасажирські перевезення. Сайти, застосунки, електронні квитки й інформація в реальному часі для авіа-, автобусного, залізничного та водного транспорту.
• Доступ до аудіовізуальних медіасервісів. Скажімо, сайти й застосунки стримінгових платформ.
• Електронні книги та програми для їх читання.

Місце реєстрації компанії не вирішальне. Компанія поза ЄС, яка продає споживачам у ЄС, має виконувати вимоги щодо цих продажів.

Є важливий виняток. Мікропідприємства, що надають послуги, звільнені від вимог до послуг. Директива визначає мікропідприємство як компанію, де працює менше 10 осіб, а річний оборот або загальний баланс не перевищує 2 млн євро.

А що з B2B-сайтами? Акт зосереджений на послугах для споживачів. Маркетинговий сайт B2B-компанії, що не продає онлайн приватним особам, загалом лишається поза основною сферою дії. Проте доступність усе одно визначає, хто взагалі зможе користуватися вашим сайтом, а великі клієнти дедалі частіше питають про неї під час закупівель.

Що Акт ЄС про доступність вимагає від сайту

Директива описує функціональні вимоги, а не технічний чекліст. Сервіс має бути сприйнятним, керованим, зрозумілим і надійним. Якщо ви знайомі з WCAG, ці чотири слова вам відомі, і це не випадковість.

На практиці відповідність оцінюють за гармонізованими стандартами. Чинний європейський стандарт EN 301 549 для вебконтенту спирається на WCAG 2.1 рівня AA. Тож робоча ціль для більшості команд проста: відповідати WCAG 2.1 AA. Якщо ви створюєте щось нове, орієнтуйтеся на WCAG 2.2 AA: там кілька додаткових критеріїв, і на етапі дизайну вони майже нічого не коштують.

Крім самого інтерфейсу, постачальники послуг мають:

• Опублікувати інформацію про доступність. Пояснити, як сервіс відповідає вимогам, в умовах користування або в іншому публічному місці. Зазвичай це окрема сторінка із заявою про доступність.
• Задокументувати винятки. Якщо ви вважаєте, що якась вимога створює непропорційне навантаження, це треба оцінити письмово і регулярно переглядати. Просто заявити про це не можна.
• Підтримувати рівень. Нові функції та контент мають лишатися доступними й після дедлайну, а не тільки в день запуску.

Є перехідні положення. Договори про надання послуг, укладені до 28 червня 2025 року, можуть діяти без змін до закінчення строку, але не довше п’яти років. Ці норми вузькі й не звільняють сайт, який ви постійно оновлюєте.

Хто контролює виконання і що буде, якщо його ігнорувати?

Кожна країна-член призначає органи ринкового нагляду, які перевіряють відповідність і розглядають скарги. Санкції встановлюють на національному рівні, тож вони різняться. Це можуть бути штрафи та приписи виправити або зняти сервіс.

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

Проблеми, які трапляються найчастіше

Більшість помилок доступності на маркетингових сайтах і в інтернет-магазинах повторюються. Почніть із цього списку.

1. Низький контраст. Світло-сірий текст на білому або білий текст на блідому фірмовому кольорі. WCAG AA вимагає співвідношення контрасту 4,5:1 для звичайного тексту.
2. Відсутній або марний alt-текст. Фото товарів без опису або декоративні зображення, для яких зчитувач озвучує назву файлу.
3. Пастки для клавіатури і невидимий фокус. Меню, модальні вікна й cookie-банери, до яких не дістатися клавішею Tab або які неможливо закрити.
4. Поля форм без підписів. Плейсхолдер замість підпису, повідомлення про помилки лише червоним кольором.
5. Кастомні елементи без ролей. Випадні списки й повзунки на звичайних div, якими не може керувати екранний зчитувач.
6. Відео без субтитрів. А також медіа, що запускаються самі й не ставляться на паузу.
7. Зламана структура заголовків. Заголовки обрані за розміром шрифту, а не за змістом, і структура сторінки втрачає логіку.

Автоматичні інструменти знаходять частину цих проблем: переважно контраст, відсутні alt і підписи. Але вони не скажуть, чи можна пройти оформлення замовлення зі зчитувачем екрана. Для цього потрібна людина, яка тестує з клавіатурою та допоміжними технологіями.

План, якщо у вас дні, а не місяці

За одинадцять днів великий сайт повністю не виправити. Але можна показати переконливий і задокументований старт. І регулятори, і клієнти зважають на добросовісність і прогрес.

1. Перевірте сферу дії. Випишіть, які ваші сервіси орієнтовані на споживачів і продаються в ЄС. Перевірте поріг мікропідприємства.
2. Проаудитуйте ключові сценарії. Головна, сторінки товарів чи послуг, реєстрація, кошик, оформлення замовлення, контактна форма. Пройдіть кожен лише клавіатурою, потім зі зчитувачем екрана.
3. Спершу виправте блокери. Усе, що не дає користувачеві завершити дію: пастки для клавіатури, поля оплати без підписів, нечитабельні помилки.
4. Опублікуйте заяву про доступність. Вкажіть, на який стандарт орієнтуєтеся, що поки не відповідає вимогам і як користувач може повідомити про проблему або отримати допомогу іншим способом.
5. Сплануйте решту. Перетворіть залишок проблем на беклог із датами. Додайте перевірки доступності в дизайн-рев’ю і тестування, щоб нові сторінки не приносили нових проблем.

Якщо редизайн і так у планах, вбудуйте доступність у нього, а не латайте старий сайт. Один раз спроєктувати доступні компоненти дешевше, ніж переробляти десятки сторінок. У нашому чеклісті редизайну сайту є розділ про те, що проаудитувати перед стартом.

Як доступність вбудовується в дизайн-проєкт

На етапі дизайну доступність коштує значно дешевше, ніж після запуску. Палітру перевіряють на контраст ще до написання коду. Компоненти одразу отримують стани фокусу, підписи й ролі. Структуру заголовків закладають ще у вайрфреймах.

Саме так ми й працюємо. Перевірки доступності входять у дизайн-рев’ю і в чекліст тестування на кожному етапі погодження, це видно на сторінці процесу роботи. Для чинних сайтів ми пропонуємо окремий аудит доступності за 1 200 $: письмовий звіт за WCAG 2.1 AA із проблемами, впорядкованими за впливом, і списком правок, з яким може працювати ваша команда.

Наступний крок: зробіть інтерфейс зручним для всіх

Якщо ви продаєте споживачам онлайн, наш пакет інтернет-магазин коштує від 18 000 $ за 12 шаблонів сторінок, з 3 раундами правок і терміном 10-12 тижнів. Контраст, стани фокусу, підписи й навігацію з клавіатури ми закладаємо з початку, а не додаємо наприкінці.

Фіксовані ціни на всі продукти, зокрема на аудит доступності, є на сторінці цін.