З 28 червня 2025 року доступність (accessibility) в Європі перестала бути "хорошим тоном" і стала законом. European Accessibility Act (EAA) — директива, яка зобов'язує цілі галузі робити свої цифрові продукти доступними для людей з інвалідністю. І це стосується не тільки європейських компаній.

Якщо ви — український дизайнер, який працює на клієнта з ЄС, або ваш фінтех-продукт продається європейським користувачам, EAA — це вже ваша задача. У 2026 році регулятори переходять від "пояснень" до аудитів і штрафів. Розберемо простими словами: що це, кого стосується, які дедлайни й що конкретно робити дизайнеру.

Що таке European Accessibility Act простими словами

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

Технічно відповідність вимірюють за стандартом EN 301 549. Але на практиці дизайнеру не треба читати сотні сторінок стандарту: його чинна версія (v3.2.1) повністю включає WCAG 2.1 рівня AA. Тобто ваша реальна ціль — виконати WCAG 2.1 AA. Це той самий набір критеріїв, про який ми вже писали в чеклисті WCAG для Figma-компонентів, просто тепер за ним стоїть юридичний обов'язок.

Кого це стосується

EAA покриває конкретні категорії продуктів і сервісів для споживачів. Найважливіші для нас:

  • Банкінг і фінтех — сайти, мобільні застосунки, банкомати, платіжні термінали, договори з клієнтом.
  • E-commerce — будь-який онлайн-магазин, що продає в ЄС.
  • Електронні комунікації — оператори, месенджери, застосунки зв'язку.
  • Комп'ютери, смартфони, ОС та їхнє програмне забезпечення.
  • Транспортні сервіси — купівля квитків, інформаційні табло, застосунки.
  • Електронні книги та платформи для їх читання.

Є важливий виняток: мікробізнес у сфері послуг (менше 10 співробітників і оборот до €2 млн) від вимог до сервісів звільнений. Але щойно ви продаєте фінансовий продукт чи працюєте на середню/велику компанію з ЄС — виняток не діє.

Зверніть увагу: закон дивиться на ринок, а не на прописку компанії. Український продукт, доступний європейському споживачу, теж потрапляє під вимоги.

Дедлайни: що вже настало, а що попереду

Ключові дати варто тримати в голові:

  • 28 червня 2025 — усі нові продукти й сервіси, що виходять на ринок ЄС, зобов'язані відповідати EAA.
  • 28 червня 2030 — перехідний період для сервісів, що вже існували до 2025 року. Тобто "легасі" мають час, нове — ні.

2026-й — рік, коли вимога отримує зуби. Перші судові позови подали у Франції ще в листопаді 2025-го. Нідерланди призначили дедлайн для звітів про невідповідність, і компанії, що не відреагували, потрапляють під адресні аудити навесні 2026-го. Швеція вже проводить ринковий нагляд за e-commerce — перевіряють, чи опубліковано обов'язкову заяву про доступність (accessibility statement).

Скільки коштує проігнорувати

Штрафи встановлює кожна країна окремо, тож суми відрізняються. Для орієнтиру:

  • Німеччина — від €10 000 до €100 000 за порушення.
  • Франція — від €75 000 до €300 000 за порушення.
  • Нідерланди — до €90 000.
  • Ірландія — до €60 000.

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

Що змінюється у 2026: WCAG 2.2 на горизонті

Готуватися варто не до вчорашньої планки, а до завтрашньої. У 2026 очікується нова версія стандарту EN 301 549 v4.1.1, яка після публікації в Офіційному журналі ЄС, найімовірніше, стане технічною базою для EAA. І вона підтягує WCAG 2.2 — дев'ять нових критеріїв понад 2.1. Найпомітніші для дизайнера:

  • Focus Not Obscured — елемент у фокусі не має ховатися під липкими хедерами чи cookie-банерами.
  • Target Size (Minimum) — інтерактивні цілі мінімум 24×24px.
  • Dragging Movements — усе, що робиться перетягуванням, має мати альтернативу одним кліком.
  • Accessible Authentication — вхід без когнітивних тестів на кшталт "перепишіть капчу з пам'яті".
  • Redundant Entry — не змушуйте користувача вводити ті самі дані двічі в межах одного флоу.

Якщо закладати ці правила зараз, оновлення стандарту ви пройдете без авралу.

Що конкретно робить дизайнер

EAA — це не про юристів, а про рішення, які приймаються в макеті. Ось практичний мінімум, який дизайнер контролює сам:

  • Контраст — текст мінімум 4.5:1, великий текст і UI-елементи 3:1.
  • Focus states — видимий фокус на кожному інтерактивному елементі, а не тільки :hover.
  • Розмір цілей — кнопки й тап-зони від 24px (а краще 44px для мобільного).
  • Не тільки колір — статус, помилка чи стан не можуть передаватися лише кольором. Додавайте іконку чи текст.
  • Форми — видимі лейбли (не тільки placeholder), зрозумілі повідомлення про помилки, підказки поруч із полем.
  • Клавіатура — весь флоу проходиться з клавіатури, порядок табуляції логічний.
  • Альтернативний текст та коректна семантика заголовків.
  • Accessibility statement — окрема сторінка-заява про доступність, яку від сервісів прямо вимагає EAA.

Головна помилка — лишати доступність "на кінець". Її не можна допатчити перед релізом. Найдешевший спосіб відповідати EAA — вбудувати правила в дизайн-систему: токени контрастів, окремі focus-токени, обов'язкові стани компонентів. Тоді доступність приходить "безкоштовно" з кожним новим екраном.

З чого почати вже завтра

  1. Проженіть ключові екрани через WCAG 2.1 AA — почніть з контрасту, фокусу й форм.
  2. Додайте accessibility-перевірку в Definition of Done: не пройшла — не йде в розробку.
  3. Опублікуйте заяву про доступність, якщо продаєте сервіс у ЄС.
  4. Закладіть у бэклог WCAG 2.2, щоб оновлення стандарту не стало сюрпризом.

Ми регулярно розбираємо такі кейси на прикладах у YouTube UX Hero — від контрасту токенів до станів компонентів у Figma.

EAA лякає формулюваннями закону, але для дизайнера це знайомий список: контраст, фокус, форми, стани. Різниця в тому, що тепер за цей список стоїть штраф — і найдешевше закрити його системно, а не патчами.