Доступність сайту для бізнесу: що вимагають EAA та ADA і з чого почати

Раніше доступність вважали приємним доповненням. У Європі для багатьох онлайн-бізнесів вона стала юридичним обов’язком із 28 червня 2025 року, а в США суди й далі розглядають недоступні сайти як дискримінацію. Якщо ви продаєте онлайн клієнтам із будь-якого з цих ринків, треба розуміти, чого вимагають правила і що невелика команда може виправити першим. Тут простими словами пояснено, як влаштована доступність сайту за Європейським законом про доступність (EAA) і за ADA, та наведено десять перевірок на одну годину. Це загальна інформація, а не юридична консультація.

Доступність сайту для бізнесу: що кажуть EAA та ADA

Два закони влаштовані по-різному. EAA — директива, яку кожна країна ЄС перенесла у свої закони, з вимогами до конкретних продуктів і послуг. ADA — американський закон про громадянські права, у якому немає слова «сайт», тож правила надходять від регуляторів і судів.

Вимоги до доступності сайту в ЄС: кого стосуються і з якого строку

Директива (ЄС) 2019/882 діє з 28 червня 2025 року й охоплює цифрові послуги для споживачів: інтернет-магазини, банківські послуги, електронні книги та продаж квитків на транспорт. Технічну відповідність зазвичай показують через стандарт EN 301 549, який для вебвмісту відсилає до WCAG 2.1 рівня AA. Для українського бізнесу, що продає в ЄС, це означає, що правила діють за місцем клієнтів, а для українських органів влади діє постанова Кабміну № 757 від 21 липня 2023 року, що відсилає до ДСТУ EN 301 549:2022. Офіційний огляд дає сторінка Єврокомісії про закон (англійською).

Мікропідприємства, що надають послуги (менш як десять осіб і обмежені обіг або баланс), звільнені від вимог до послуг, але визначення й свій випадок перевірте в тексті директиви на EUR-Lex та в законі своєї країни, перш ніж спиратися на цей виняток. Нагляд і штрафи кожна країна визначає сама, тож тим, хто продає в кілька країн, треба дивитися й країну призначення.

ADA та сайти: немає єдиного стандарту, але напрям зрозумілий

Для приватних компаній розділ III закону ADA не називає технічний стандарт для сайтів. Міністерство юстиції вважає, що сайти підприємств, відкритих для публіки, підпадають під закон, і пояснює позицію в настановах із вебдоступності. На практиці суди та мирові угоди найчастіше беруть за мірило WCAG 2.1 AA. Для влади штатів і місцевої влади діє окреме правило з WCAG 2.1 AA та власними строками, які міністерство переносило, тож для держсектору перевірте актуальні дати.

Питання	EAA (ЄС)	ADA (США)
Кого стосується	Перелічені послуги для споживачів, наприклад електронна торгівля	Місця, відкриті для публіки, зокрема багато онлайн-бізнесів
Технічний стандарт	EN 301 549, що відсилає до WCAG 2.1 AA	Для приватних сайтів фіксованого немає, зазвичай орієнтир WCAG 2.1 AA
Контроль	Національні органи кожної країни	Приватні позови та угоди, а також Міністерство юстиції

WCAG 2.1 AA простими словами

Настанови WCAG 2.1 спираються на чотири принципи, і кожен перетворюється на перевірки, які зможе зробити ваша команда. WCAG 2.2 додає дев’ять критеріїв, зокрема мінімальний розмір цілей натискання (близько 24×24 пікселі), видимий фокус і доступну автентифікацію.

Чотири принципи

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

Десять перевірок, які можна зробити за годину

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

1. Пройдіть по всіх посиланнях, меню та формах лише з клавіатури й подивіться, куди йде фокус.
2. Переконайтеся, що фокус видно на кожному елементі керування.
3. Перевірте контрастність тексту безкоштовним сервісом і орієнтуйтеся щонайменше на значення WCAG.
4. Перегляньте всі значущі зображення й переконайтеся, що в них корисний альтернативний текст.
5. Перевірте порядок заголовків: один H1, потім H2 і H3 за логікою.
6. Відкрийте кожну форму й переконайтеся, що підписи, обов’язкові поля та повідомлення про помилки зрозумілі.
7. Збільште сторінку до 200% і перевірте, що нічого не обрізано й не накладається.
8. Прочитайте посилання поза контекстом: «натисніть тут» нічого не каже.
9. Перевірте, що у відео є субтитри, а в аудіо розшифровка.
10. Запустіть автоматичний сканер (Lighthouse, WAVE чи axe), потім кілька хвилин слухайте сторінку: програма читання з екрана одразу покаже, що не читається.

Та сама ідея лежить в основі нашого чекліста з безпеки сайту.

Віджет не замінює виправлення

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

Кожна сторінка магазину має відкриватися без миші, і доступність тут важливіша за швидкість сайту. Для доступності сайтів на великому проєкті спершу перелічіть проблеми й прив’яжіть кожну до вимоги. Тут сходяться UI/UX дизайн і розробка: дизайнер відповідає за контраст і стани фокусу, розробник за семантику та клавіатуру, редактор за альтернативний текст і заголовки. Якщо сайт не лагодиться, редизайн сайту вийде дешевше за нескінченні латки, а команда з розробки сайтів сплановує будь-який із шляхів. Знайте вимоги до доступності сайтів на кожному ринку до затвердження редизайну.