Вебдоступність: що це таке і кому вона потрібна

Вебдоступність (web accessibility, цифрова доступність) — це властивість сайту чи застосунку, яка дозволяє користуватися ним людям з інвалідністю та іншими обмеженнями: порушеннями зору, слуху, моторики, когнітивними особливостями, а також літнім людям і користувачам у складних умовах — з повільним інтернетом, на маленькому екрані, на сонці.

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

Факт: кожен четвертий українець має якусь форму інвалідності або функціональних обмежень — це мільйони потенційних користувачів. При цьому, за даними реєстру ЦМЦІ, 95% українських сайтів не відповідають базовому рівню доступності.

Вебдоступність, цифрова доступність, інклюзивність — у чому різниця

Ці терміни часто вживають як синоніми, але акценти різні:

Технічну основу вебдоступності визначає міжнародний стандарт WCAG — саме за ним перевіряють сайти в Україні, ЄС і США.

Кому потрібна вебдоступність: не лише людям з інвалідністю

Постійні обмеження — лише частина картини. Доступність працює для чотирьох груп ситуацій:

1. Постійні обмеження. Незрячі та слабозорі користувачі, люди з порушеннями слуху, моторики, когнітивними особливостями (дислексія, РДУГ), ветерани з травмами — детальніше у статті цифрова доступність для ветеранів.
2. Тимчасові обмеження. Зламана рука, операція на очах, післяопераційне відновлення.
3. Ситуативні обмеження. Яскраве сонце на екрані, шумне середовище без навушників, дитина на руках.
4. Вікові зміни. Зниження зору, слуху та моторики з віком — а частка користувачів 60+ в українському інтернеті постійно зростає.

Тому доступний сайт зручніший для всіх — і це напряму впливає на бізнес-показники: конверсію, охоплення, SEO. Розрахунки — у статті ROI доступності для бізнесу.

Що робить сайт доступним: базові вимоги

Основні характеристики доступного сайту за стандартом WCAG 2.2 рівня AA:

• Текстові альтернативи. Кожне змістовне зображення має alt-текст, який озвучує скрінрідер.
• Достатній контраст. Текст контрастує з фоном мінімум 4.5:1 — його видно при слабкому зорі та на сонці.
• Клавіатурна навігація. Всі меню, форми та кнопки працюють без мишки, фокус видимий.
• Зрозумілі форми. Кожне поле має мітку, помилки пояснюються текстом, а не лише кольором.
• Правильна структура. Логічна ієрархія заголовків, семантичні HTML-елементи, ARIA-атрибути там, де потрібно — розбір у статті ARIA-атрибути.
• Субтитри та розшифровки для відео й аудіо.
• Адаптивність. Контент читається при збільшенні до 200% і на будь-якому екрані.

Покроковий план впровадження — у гіді як зробити сайт доступним.

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

• Державний сектор — уже зобов'язаний. Постанова КМУ №757 (2023) вимагає відповідності всіх сайтів органів влади стандарту ДСТУ EN 301 549, що базується на WCAG. Розбір вимог — у статті про Постанову №757.
• Фінансовий сектор. НБУ у 2024 році затвердив Методичні рекомендації щодо інклюзивного надання фінансових послуг — банки мають забезпечити доступність дистанційних сервісів.
• Бізнес з клієнтами в ЄС. European Accessibility Act діє з червня 2025 року і стосується українських компаній, що продають товари чи послуги європейським споживачам.
• Приватний сектор України. Законопроєкт №14278 поширює вимоги доступності на банки, e-commerce, транспорт, медицину та освіту — детальний розбір.

Як перевірити вебдоступність свого сайту

Почніть з автоматизованої перевірки — вона займає пів хвилини і показує до 57% можливих порушень:

1. Відкрийте безкоштовний сканер ЦМЦІ і введіть адресу сайту.
2. Отримайте перелік конкретних порушень WCAG 2.2 за рівнями критичності з інструкціями для розробників.
3. Порівняйте свій результат із конкурентами у рейтингу доступності та відкритому реєстрі.

Для повної картини автоматизовану перевірку доповнюють ручним тестуванням: навігація з клавіатури, перевірка скрінрідером (NVDA — безкоштовний), аналіз зрозумілості текстів. Як організувати внутрішній аудит командою — у статті внутрішній a11y-аудит.

Часті запитання про вебдоступність

Чим вебдоступність відрізняється від доступності сайту в сенсі аптайму?

Це різні поняття, які українською звучать однаково. «Доступність сайту» в технічному сенсі (availability, uptime) — чи відповідає сервер на запити. Вебдоступність (accessibility) — чи можуть сайтом користуватися люди з інвалідністю. Ця стаття — про друге.

Скільки людей потребують доступних сайтів в Україні?

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

Чи обов'язкова вебдоступність для звичайного бізнес-сайту?

Наразі закон прямо зобов'язує державні сайти (Постанова №757) і банки (рекомендації НБУ). Законопроєкт №14278 поширює вимоги на приватний сектор, а European Accessibility Act уже діє для компаній з клієнтами в ЄС. Тренд однозначний: вимоги доступності стають нормою для всіх.

З чого почати, якщо сайт узагалі не доступний?

З автоматизованої перевірки — вона безкоштовна і покаже найкритичніші проблеми. Потім виправте топ-помилки: alt-тексти, контраст, мітки форм, клавіатурну навігацію. Це закриває більшість бар'єрів. Далі — регулярні перевірки після кожного оновлення сайту.

Скільки коштує зробити сайт доступним?

Залежить від стану сайту. Виправлення типових помилок (alt-тексти, контраст, мітки полів) — кілька днів роботи розробника. Найдорожче — переробка сайтів, збудованих без семантики взагалі. Дешевше за все — закладати доступність із самого початку розробки.

Центр моніторингу цифрової інклюзії — незалежна неприбуткова громадська організація. Ми безкоштовно перевіряємо українські сайти за WCAG 2.2 та ДСТУ EN 301 549 і публікуємо результати у відкритому реєстрі.