Європейський акт про доступність 2026: вимоги до інтернет-магазинів

Європейський акт про доступність: що це і чому стосується вашого магазину

Із 28 червня 2025 року Європейський акт про доступність (EAA, директива 2019/882) перестав бути теорією й став чинним правом у всьому ЄС. Якщо ви ведете інтернет-магазин, мобільний застосунок або платформу e-commerce, ці правила стосуються вас безпосередньо.

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

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

У статті розгляну все необхідне: кого саме стосується EAA, технічні вимоги на основі WCAG і конкретний чекліст, який можна застосувати негайно.

Кого стосується EAA? Обовʼязки e-commerce та цифрових послуг

Директива 2019/882 охоплює широкий перелік продуктів і послуг. Йдеться не лише про великі корпорації: правила стосуються кожного субʼєкта, який виводить на ринок продукти або надає послуги в межах директиви, незалежно від розміру, крім мікропідприємств із менш ніж 10 працівниками й оборотом до 2 млн євро.

Якщо ви ведете інтернет-магазин, надаєте банківські послуги онлайн, продаєте електронні книги або керуєте платформою аудіовізуального контенту, EAA стосується вас.

Послуги й продукти, які охоплює акт

Польське впровадження: закон про доступність продуктів і послуг

У Польщі EAA впроваджує закон від 26 квітня 2024 року про забезпечення доступності певних продуктів і послуг субʼєктами господарювання. Вимоги - не європейська абстракція: вони мають конкретне відображення в польському праві, органах нагляду та штрафах.

Орган ринкового нагляду щодо доступності продуктів - голова Управління захисту конкуренції та споживачів (UOKiK), а щодо послуг - відповідний міністр із питань інформатизації. Це реальні установи з реальними контрольними повноваженнями.

Вимоги доступності до інтернет-магазинів: що потрібно виконати

EAA не дає готового списку «натисніть тут, виправте там». Він посилається на гармонізований стандарт EN 301 549, чинна версія V3.2.1 якого прямо переносить WCAG 2.1 рівня AA. На практиці магазин має бути сприйманим, керованим, зрозумілим і технічно надійним.

Звучить абстрактно? Перекладемо це на конкретні вимоги для кожного магазину.

Ключові напрями доступності в e-commerce

• Навігація клавіатурою - увесь шлях від перегляду товарів до завершення замовлення має працювати без миші. Кожен інтерактивний елемент потребує видимого фокуса.
• Контраст і читабельність - текст на тлі має контраст щонайменше 4,5:1, великий текст - 3:1. Це стосується кнопок, підписів полів, цін та описів товарів.
• Альтернативні тексти - кожне фото товару, рекламний банер і функціональна іконка потребують описового alt. Не «image1.jpg», а реальний опис зображення.
• Форми й перевірка - поля замовлення, реєстрації та контакту мають зрозумілі підписи, чіткі повідомлення про помилки й можливість виправлення до надсилання.
• Адаптивність і збільшення - контент має залишатися читабельним при 200% збільшенні без втрати функцій. Збільшення тексту не повинно ламати макет.
• Мультимедіа - відео товарів потребують субтитрів, аудіо - текстової розшифровки. Анімації мають зупинятися.

Шлях купівлі: де найчастіше губляться користувачі?

Незалежно від платформи, три етапи створюють найбільше проблем доступності під час аудитів:

1. Фільтрування й сортування товарів - списки, повзунки цін і фільтри множинного вибору рідко правильно працюють із читачами екрана та клавіатурою.
2. Кошик і оформлення замовлення - динамічні зміни кількості, промокодів чи доставки часто не повідомляються допоміжним технологіям.
3. Оплата - платіжні шлюзи в iframe бувають недоступними, а CAPTCHA без альтернативи блокує людей з інвалідністю.

Штрафи й санкції за невідповідність EAA: що загрожує компанії

Європейський акт про доступність - не мʼяка рекомендація. Кожна держава ЄС зобовʼязана запровадити ефективні, пропорційні та стримувальні санкції за порушення вимог. У Польщі конкретні покарання містить закон, що впроваджує директиву.

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

Види санкцій у польському праві

• Грошові штрафи - орган ринкового нагляду може накласти до 80 000 зл за невідповідність продукту чи послуги вимогам доступності. За повторних порушень штрафи можуть бути неодноразовими.
• Вилучення продукту з ринку - якщо цифровий продукт, наприклад застосунок або рідер, не відповідає вимогам, орган може зупинити продаж до виправлення.
• Зупинення послуги - у крайніх випадках нагляд може вимагати припинити недоступну цифрову послугу до її адаптації.
• Інформування споживачів - компанію можуть зобовʼязати публічно повідомити про невідповідність, що створює репутаційний ризик.

Реальна вартість ігнорування EAA: не лише штрафи

Штраф часто найменша проблема. Справжня вартість недоступності складається з чинників, які впливають на бізнес довгостроково:

Скажу прямо: забезпечити доступність одразу дешевше, ніж латати прогалини під тиском перевірки. Запланована робота входить у звичайний цикл випусків і водночас упорядковує шаблони. Вимушена починається негайно, посеред сезону й без часу на тести.

WCAG та EAA: як виконати технічні вимоги на практиці

EAA не визначає власних технічних критеріїв. Він посилається на EN 301 549, гармонізований із правом ЄС, чинна версія V3.2.1 якого прямо переносить WCAG 2.1 AA. Отже, магазин, що відповідає WCAG 2.1 AA, з високою ймовірністю відповідає й вимогам EAA.

Стандарт уже оновлюють, і поріг зросте. Проєкт V4.1.0 від листопада 2025 року переносить WCAG 2.2 AA, а посилання на готову V4.1.1 в Офіційному віснику ЄС очікується в жовтні 2026 року. Тому під час значного оновлення магазину орієнтуйтеся одразу на 2.2 AA. Це кілька додаткових критеріїв і одна робота замість двох.

Але «відповідати WCAG» - не просто поставити галочку. Це процес, який потребує розуміння чотирьох основних принципів доступності та їх застосування до елементів магазину.

Чотири принципи WCAG, POUR, в e-commerce

Нові критерії WCAG 2.2, особливо важливі для e-commerce

Ці критерії додала версія 2.2, тож формально обовʼязковими вони стануть із новою версією стандарту. Я перевіряю їх уже зараз, бо вони стосуються місць, де реально гублять кошик:

• Focus Not Obscured (2.4.11 AA) - фокус клавіатури не мають перекривати закріплені шапки, cookie-вікна чи чатботи. Часто навігація закриває активний елемент, і користувач втрачає орієнтацію.
• Dragging Movements (2.5.7 AA) - усі дії з перетягуванням, наприклад повзунки цін, потребують альтернативи одним натисканням.
• Target Size (2.5.8 AA) - кнопки, посилання й прапорці мають мінімальну область натискання 24x24 пікселі. Маленькі іконки обраного чи видалення з кошика часто не відповідають.
• Redundant Entry (3.3.7 A) - якщо користувач уже ввів дані, наприклад адресу доставки, система не має повторно просити їх для платіжної адреси.

Як адаптувати інтернет-магазин до EAA: практичний план

Доступність не обовʼязково означає перебудову магазину з нуля. Більшість перешкод купівлі міститься в шаблонах і CSS, а не в рушії магазину: підписи полів, контраст, клавіатура, розміри кнопок. Пріоритети визначайте за впливом на користувача.

Нижче план, який ми застосовуємо в e-commerce. Він підходить і WooCommerce з PrestaShop, і індивідуальним рішенням.

Сім етапів упровадження доступності

Швидкі зміни з негайним ефектом

Не кожне виправлення потребує перебудови. Ці дії можна виконати за тиждень, і вони найшвидше покращують доступність:

• Додайте описові alt-тексти всім фото товарів: не «IMG_4523», а «Чорна шкіряна жіноча сумка з металевою застібкою».
• Забезпечте всім CTA-кнопкам, зокрема Додати в кошик і Купити зараз, достатній контраст і розмір щонайменше 24x24 px.
• Додайте посилання «Перейти до вмісту» на початку кожної сторінки. Пʼять хвилин роботи дають велику різницю користувачам клавіатури.
• Перевірте, чи помилки форм називають конкретне поле й пояснюють проблему, а не лише «Сталася помилка».
• Вимкніть або обмежте автоматичні каруселі на головній, віддавши керування користувачу.

Найчастіші помилки доступності в e-commerce та як їх уникнути

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

Помилка 1. Відсутні alt-тексти або загальні описи фото

«Фото товару», «image.jpg» і порожній alt - три найчастіші варіанти. Люди з читачами екрана не дізнаються, що зображено. А фото товару часто є найважливішим елементом рішення про купівлю.

Рішення: опишіть кожне фото так, ніби пояснюєте клієнту телефоном: колір, матеріал, форма, ключова деталь. Для декоративних зображень використайте alt=“”, щоб читач їх пропустив.

Помилка 2. Недоступні фільтри й сортування

Повзунки цін, власні прапорці й списки фільтрів можуть виглядати чудово, але майже ніколи не працюють із клавіатурою та читачами екрана. Людина з інвалідністю не може відфільтрувати товари, що фактично блокує користування магазином.

Рішення: замініть повзунок полями мінімальної та максимальної ціни. Власні прапорці повинні мати ролі ARIA та реагувати на Space/Enter. Кожну зміну фільтра повідомляйте через live region.

Помилка 3. Невидимий або непрацюючий фокус клавіатури

Багато розробників додають outline: none, бо синя рамка «негарна». Користувач клавіатури тоді не бачить активного елемента. Це як рухатися темною кімнатою без ліхтарика.

Рішення: ніколи не прибирайте outline без іншого індикатора. Використайте :focus-visible, щоб фокус зʼявлявся під час навігації клавіатурою, а не після кліку мишею.

Помилка 4. Оформлення замовлення недоступне читачам екрана

Динамічні форми зі зміною кількості, способу оплати й підсумку часто не повідомляють зміни читачу. Людина не знає, чи товар додано, скільки платити й чи замовлення оформлено.

Рішення: додайте aria-live=“polite” до динамічних підсумків кошика та повідомлень статусу. Кожен крок оформлення повинен мати чітку структуру заголовків.

Помилка 5. Cookie-вікно блокує контент

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

Рішення: після завантаження банер має захопити фокус, закриватися Escape і повертати фокус на сторінку. Кнопка «Приймаю» має бути доступною клавіатурою.

Помилка 6. Низький контраст кнопок і цін

Сірий текст на світло-сірому, біла ціна на пастельному банері, блідо-жовта кнопка кошика на білому: модно, але погано для доступності. Особливо це стосується акційних цін, позначок «Бестселер» і другорядних кнопок.

Рішення: перевірте кожен текст у WebAIM Contrast Checker. Мінімум - 4,5:1 для звичайного тексту та 3:1 для великого, від 18px або 14px жирним.

Що варто запамʼятати?

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

Для конкретного плану перейдіть до чекліста відповідності EAA в останньому розділі.

Чекліст відповідності EAA: покроково для e-commerce

На завершення - практичний чекліст як відправна точка оцінки магазину. Він не замінить повний аудит, але допоможе швидко знайти найбільші прогалини та встановити пріоритети.

Пройдіть кожен пункт і позначте відповідність магазину. Де сумніваєтеся - там і варто почати.

Технічна основа

• HTML семантично правильний, валідатор W3C не повертає критичних помилок.
• Ієрархія заголовків правильна: один H1 на сторінку, логічні H2-H6.
• Мова вказана в атрибуті lang елемента HTML.
• Регіони семантично позначені: header, nav, main, footer.
• Сайт повністю адаптивний і читабельний при 200% збільшенні.

Навігація та взаємодія

• Увесь магазин від головної до підтвердження замовлення керується лише клавіатурою.
• Фокус завжди видимий і не зникає за fixed/sticky елементами.
• Є посилання «Перейти до вмісту».
• Модальні вікна, списки й мегаменю закриваються Escape та утримують фокус (focus trap).
• Немає дій лише перетягуванням без альтернативи натисканням.

Контент і мультимедіа

• Усі фото товарів мають описові alt, не порожні й не загальні.
• Декоративні зображення мають alt=“” і role=“presentation”.
• Відео товарів мають субтитри, аудіо - розшифровки.
• Контраст тексту щонайменше 4,5:1, великого тексту - 3:1.
• Анімації й каруселі мають паузу або можуть зупинятися.

Форми й оформлення замовлення

• Кожне поле має повʼязаний підпис через label for або aria-label.
• Помилки називають конкретне поле й пояснюють проблему.
• Перед завершенням замовлення можна скасувати, виправити або підтвердити дані.
• Платіжний шлюз доступний, включно з iframe провайдера.
• Система не вимагає повторно вводити вже надані дані.

Документація й процес

• Опублікована декларація доступності з датою останнього оновлення.
• Є спосіб повідомити про проблеми: форма, електронна пошта або телефон.
• Доступність перевіряють після кожного великого оновлення магазину.
• Розробники, дизайнери й контент-менеджери навчені основ доступності.

Підсумок: що запамʼятати зі статті

EAA - не анонс і не галузева рекомендація. Це право, яке діє з 28 червня 2025 року, має польський закон упровадження й органи з реальними контрольними повноваженнями.

Головні висновки

• Правила діють із 28 червня 2025 року. У Польщі їх упроваджує закон від 26 квітня 2024 року. Голова UOKiK наглядає за продуктами, міністр із питань інформатизації - за послугами.
• Виняток для мікропідприємств, менш ніж 10 людей і до 2 млн євро обороту, не охоплює виробників. Перевірте свою категорію, перш ніж вирішувати, що це не ваша тема.
• Технічний поріг нині - WCAG 2.1 AA з EN 301 549 V3.2.1. Після оновлення буде 2.2 AA, тож плануйте одразу вищу версію.
• Штраф сягає 80 000 зл і за повторних порушень може накладатися неодноразово. Додаються зупинення послуги та публічне інформування споживачів.
• Більшість перешкод купівлі міститься в шаблонах і CSS, а не в рушії. Зміна платформи рідко є відповіддю.

Що далі?

• Пройдіть чекліст й позначте сумнівні пункти: це готовий стартовий список.
• Проскануйте axe, WAVE або Lighthouse та окремо пройдіть увесь шлях купівлі лише клавіатурою. Автомат знайде критичні помилки, клавіатура - те, чого автомат не бачить.
• Визначте порядок виправлень за одним критерієм: чи блокує проблема купівлю. Косметика зачекає.

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

FAQ: поширені запитання про Європейський акт про доступність

Пʼять запитань власників магазинів після першого знайомства з EAA: строки, охоплення, санкції та перший крок. Кожну тему розкрито вище.

Найбільше сумнівів зазвичай викликає одне: чи охоплює виняток для мікробізнесу мій магазин? Відповідь залежить від того, чи ви лише продаєте, чи також виробляєте, адже виробників виняток не охоплює. Вашого запитання немає? Напишіть biuro@digidraft.pl. Відповідаємо протягом 24 робочих годин.