Доступність інтернет-магазину
Якщо покупець не може завершити оформлення замовлення з клавіатури, у вас не абстрактна проблема доступності — у вас чекаут, який не працює для частини тих, хто намагається вам заплатити. Ми перевіряємо за WCAG 2.1 AA, вручну проходимо весь шлях покупки і виправляємо те, що реально заважає купити.
Перевірити магазин
Що вимагається насправді
Європейський Союз — норма з датою. European Accessibility Act діє з 28 червня 2025 року, і послуги електронної комерції для споживачів у ЄС підпадають під його дію. Технічний орієнтир — EN 301 549, який містить WCAG 2.1 рівня AA. Для послуг, що вже існували, перехідний період триває до 28 червня 2030 року. Є виняток для мікропідприємств — до 10 працівників і до €2 млн обороту — але він стосується лише послуг, не продуктів, які виводяться на ринок ЄС. Стаття 14 дозволяє послатись на непропорційний тягар, але це треба обґрунтувати документально, а не просто заявити.
Якщо ви продаєте в ЄС — це стосується вас незалежно від того, де ви зареєстровані. Прив'язка йде до споживача, а не до юрисдикції продавця.
Україна — стандарт є, обов'язку для приватного бізнесу поки немає. Діє ДСТУ EN 301 549:2022 — національний стандарт, ідентичний європейському. Законопроєкт про цифрову доступність, який поширив би вимоги і на приватний сектор, розглядається у Верховній Раді й станом на вересень 2026 року не ухвалений. Тобто сьогодні для українського магазину, який не продає в ЄС, це питання якості та охоплення аудиторії, а не відповідності нормі. Ми кажемо це прямо, бо продавати неіснуючий обов'язок не збираємось.
⚠️ Якщо хтось запевняє вас, що українські інтернет-магазини вже зобов'язані відповідати WCAG — попросіть посилання на чинний акт. Його немає.
Чому ми не ставимо віджет доступності
Оверлей — це скрипт, який обіцяє прибрати проблему, не торкаючись її причини. У січні 2025 року FTC зобов'язала accessiBe, найбільшого постачальника таких віджетів, сплатити $1 млн через заяви, що її AI- інструмент здатен зробити будь-який сайт відповідним WCAG. За скаргою Комісії, плагін не впорався з базовими речами — навігаційними меню, полями форм, описами зображень, — а компанія подавала проплачені відгуки як незалежні. Остаточний припис затверджено у квітні 2025 року.
Оверлеї також не спиняють позовів, заради яких їх купують: лише за травень 2025 року позови отримали 119 відповідачів, які на той момент мали сторонній віджет доступності.
Ми виправляємо розмітку й поведінку самого магазину. Це повільніше, це дорожче, і це єдине, що справді змінює те, з чим стикається покупець.
Автоматика там, де вона допомагає. Руки там, де це вирішує
Автоматична перевірка — axe-core, Lighthouse, pa11y по всьому шляху покупки. Це швидко й потрібно, але зверніть увагу, як це вам продають: автоматично можна оцінити приблизно 20–30% критеріїв успіху WCAG. Deque — розробники axe, тож читайте з поправкою на це — доводять, що коректніше міряти частку знайдених порушень, і оцінюють її приблизно в 57%. У будь-якому разі чистий автоматичний скан не означає відповідного магазину, і хто натякає на протилежне, описує свій інструмент, а не ваш сайт.
Ручна перевірка — саме звідти беруться знахідки, які мають значення:
- Весь шлях покупки лише з клавіатури, аж до оплати: порядок фокуса, видимий фокус, відсутність пасток
- Той самий шлях зі скрінрідером (NVDA + Firefox, VoiceOver + Safari)
- Зум 200% і reflow на ширині 320px
- Контраст тексту й інтерактивних елементів
- Відеозапис проходу — зазвичай найпереконливіший артефакт усього звіту, бо ви бачите, як людина не може у вас купити
Де магазини на Magento ламаються найчастіше
За спаданням втрат — і виручки, і ризику:
- Чекаут — у Luma він на Knockout: помилки валідації програмно не пов'язані з полями, кроки не оголошуються, фокус не переноситься
- Форми загалом — `placeholder` замість справжнього `<label>`, помилка позначена лише червоною рамкою
- Пошарова навігація — після AJAX-оновлення фокус втрачається, зміна не оголошується
- Міні-кошик — немає семантики діалогу, фокус не замкнений, Esc не працює
- Додавання в кошик — результат дії не оголошується взагалі
- Галерея товару (Fotorama в Luma) — давня клавіатурна пастка
- Автопідказка пошуку — не реалізована як combobox
- Модалки, попапи й банер cookie — банер cookie часто виявляється першою ж клавіатурною пасткою на сайті
- Зображення товарів — порожній або сміттєвий `alt`
Hyvä починає з чистішої розмітки і загалом у кращому стані, ніж Luma, — але «доступний з коробки» він не є, і перевіряємо ми його так само.
Що ви отримуєте
- Звіт аудиту — кожна знахідка прив'язана до свого критерію WCAG 2.1 AA, із серйозністю, URL, кроками відтворення і способом виправлення
- Виправлення за пріоритетом: спочатку те, що блокує покупку, — це водночас і найбільший ризик, і найбільша втрачена виручка
- Accessibility Statement — публічна сторінка; EAA очікує, що інформація про доступність послуги опублікована
- VPAT / декларація за EN 301 549 — за запитом, для B2B-клієнтів, у яких цього вимагають їхні покупці
- Перевірка в CI, щоб воно не поверталось із наступним релізом
Цільовий рівень — WCAG 2.1 AA: саме він зараз у EN 301 549. Перегляд стандарту з переходом на WCAG 2.2 AA очікується протягом 2026 року, тож там, де це не коштує додатково, ми одразу робимо під 2.2.
Чого ми не обіцяємо
- Ми не юристи, і це не юридична консультація. Чи підпадає ваш бізнес під EAA — питання до вашого юриста. Ми відповідаємо за технічний стан магазину.
- Жодна технічна робота не дає імунітету від позову. Хто продає вам імунітет, продає те, чого не може забезпечити. Ми забезпечуємо усунення конкретних задокументованих невідповідностей WCAG 2.1 AA.
- Не «відповідність назавжди». Доступність ламається з кожним релізом. Саме тому існують перевірка в CI та ретейнер, і саме тому в разового аудиту є термін придатності.
FAQ
Ми зобов'язані це робити?
Залежить від того, де ваші покупці, і ми радше дамо точну відповідь, ніж лячну. Якщо ви продаєте споживачам у ЄС — European Accessibility Act діє з червня 2025 року, і про обсяг застосування варто говорити з юристом. Якщо ви працюєте лише на Україну — чинного обов'язку для приватного магазину зараз немає: стандарт ДСТУ EN 301 549:2022 існує, але закон, який поширив би вимоги на приватний сектор, ще не ухвалений.
Хіба віджет доступності не дешевший?
Дешевший — і не працює, про це вище. FTC оштрафувала найбільшого постачальника на $1 млн саме за таку обіцянку, а сайти з віджетами продовжують отримувати позови.
Це змусить робити редизайн?
Майже ніколи. Більшість знахідок — це розмітка й поведінка: підписи, керування фокусом, оголошення, значення контрасту. Там, де потрібна справжня візуальна зміна, це зазвичай контраст, і ми покажемо найменшу зміну, яка проходить.
Як ви доведете результат?
«143 порушення, 18 критичних» → «6 порушень, 0 критичних» — це число, яке ви перевірите самі безкоштовним інструментом.
Ви робите це для платформ, окрім Magento?
Метод аудиту не залежить від платформи. На Magento ми виправляємо найшвидше, бо знаємо, де воно ламається, ще до того, як подивимось.
Ми вже пройшли автоматичний скан — цього досить?
Ні, і це найпоширеніше непорозуміння в цій темі. Автоматичні інструменти оцінюють меншу частину критеріїв WCAG. Магазин може чисто проходити axe і водночас бути таким, з якого неможливо оформити замовлення з клавіатури.