Інтернет-магазини стали однією з ключових цільових галузей European Accessibility Act (EAA) — директиви ЄС, що набула чинності у червні 2025 року. E-commerce прямо вказаний у переліку секторів, що зобов'язані забезпечити цифрову доступність. Для українських онлайн-магазинів, що продають у ЄС або планують туди вийти, це вже юридична реальність.
→ Актуальний рейтинг інтернет-магазинів → /rankings/ecommerce
Стан доступності e-commerce в Україні 2026
E-commerce — найбільший сектор відкритого реєстру ЦМЦІ: понад 1 600 інтернет-магазинів з автоматизованим аудитом WCAG 2.2 AA. Картина станом на липень 2026:
| Показник | Результат |
|---|---|
| Магазинів у реєстрі | 1 618 |
| Середній бал (0–100, WCAG 2.2 AA) | 33/100 |
| Магазинів з оцінкою нижче 50 балів | 81% |
| Магазинів з оцінкою 80+ («Добре») | лише 3% |
Середній бал e-commerce (33) навіть нижчий за середній по всіх галузях реєстру (37) — попри те, що для магазинів зручність сайту напряму конвертується у продажі.
Факт: доступний магазин обслуговує ширшу аудиторію — людей зі скрін-рідерами, літніх покупців, користувачів без мишки. Це той самий трафік, який недоступні конкуренти втрачають мовчки.
Найпоширеніші помилки в інтернет-магазинах
1. Недоступний checkout
Процес оформлення замовлення — найкритичніша частина. Типові проблеми: поля без <label>, незрозумілі помилки валідації, пастки для клавіатури у поп-апах.
2. Недоступні фільтри Фільтри товарів (розмір, колір, ціна) — часто реалізовані як кастомні компоненти без ARIA. Скрін-рідер не розуміє стан фільтра (обрано/не обрано).
3. Кнопки "В кошик" без контексту Десятки ідентичних кнопок "Купити" на сторінці каталогу. Скрін-рідер чує "Кнопка Купити, Кнопка Купити, Кнопка Купити" — без розуміння, яку саме товарну позицію.
4. Каруселі без управління Каруселі товарів та банерів — автоматичне прокручування без кнопки зупинки. Порушення WCAG 2.2.2.
5. Pop-up підписок без управління фокусом Cookie-банери і pop-up пропозиції підписки — фокус не переходить у pop-up, Escape не закриває.
6. Зображення товарів з поганим alt Зображення товарів або без alt, або з alt="product_image_v3_final.jpg".
Рейтинг: хто лідирує?
Профіль лідерів:
- Великі marketplace-платформи з виділеними UX-командами
- Магазини на Shopify з accessibility-оптимізованими темами
- Бренди, що виходять на ринок ЄС і вже пройшли EAA-аудит
Профіль аутсайдерів:
- Магазини на кастомних рішеннях 5-10-річної давності
- Сайти, де "дизайнер вирішив" прибрати фокус як "некрасивий"
- e-commerce на застарілих версіях OpenCart, Magento без оновлення
→ Повний рейтинг з оцінками → /rankings/ecommerce
Що потрібно виправити першочергово
Для максимального ефекту за мінімальних витрат:
- Кнопки "В кошик" — додати
aria-labelз назвою товару (30 хвилин розробки) - Alt-тексти для зображень товарів — автоматизувати через назву + характеристики
- Checkout форми —
<label>для всіх полів, зрозумілі помилки - Фільтри —
aria-checkedдля checkbox-фільтрів,aria-expandedдля accordion-фільтрів - Pop-up управління — фокус у pop-up + Escape для закриття
- Каруселі — кнопка зупинки або вимикання автопрокрутки
Більш детально: Доступність інтернет-магазину — повний гайд
Юридичний контекст для e-commerce
Якщо ви продаєте в ЄС: European Accessibility Act (EAA) вже діє з 28 червня 2025 року. Штрафи в країнах ЄС — від €50 000.
Якщо ви продаєте в Україні: Законопроєкт 14278 поширює вимоги на e-commerce. Після прийняття — обов'язковий для більшості магазинів.
Мікробізнес (до 10 осіб): звільнений від вимог закону. Але доступність все одно вигідна — додаткові клієнти.