map Zaunkönigstraße 7, 82140 Olching phone +49 171 7435373 mail contact@semyweb.de
linkedin
Semy WEB

Які вимоги висуваються до безбар’єрних вебсайтів за WCAG та законами?

Avatar Semy WEB GbR  | Jun 21 2025 - 1:09 pm CEST
Які вимоги висуваються до безбар’єрних вебсайтів за WCAG та законами?

У попередній статті ми розібралися з визначенням, що таке безбар’єрні сайти, і тепер настав час зрозуміти, за якими критеріями визначається безбар’єрність сайту та як оцінити її дотримання.

Безбар’єрність сайту складається з двох частин: видимої (візуальної) та невидимої.

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

Чекліст безбар’єрності

Основні вимоги до безбар’єрних вебсайтів (за WCAG)

  • 🔴 Контрастність: Весь текст повинен бути добре видимим і мати достатній контраст між кольором шрифту та фоном — не менше ніж 4,5:1 (для великого шрифту — щонайменше 3:1).
  • 🔠 Розмір шрифту: Стандартний текст повинен бути не менше 16 пікселів і легко масштабуватись для користувачів із порушенням зору.
  • ✏️ Альтернативний текст: Кожне зображення на сайті повинне мати альтернативний текст, який можуть прочитати програми екранного озвучення.
  • 📱 Адаптивність: Вебсайт має коректно відображатися на всіх пристроях.
  • ↕️ Навігація з клавіатури: Усі функції мають бути доступні без миші — лише за допомогою клавіатури.
  • 📶 Коректна HTML-структура сайту: Важливо, щоб користувачі могли переходити між секціями сторінки у логічному порядку.

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

Рівні відповідності стандарту WCAG

Рівень A: базовий — наприклад, альтернативний текст і правильна структура HTML.

Рівень AA: обов’язковий — наприклад, кольоровий контраст, адаптивний дизайн, мітки у формах.

Рівень AAA: необов’язковий, корисний для спеціалізованого контенту.

Важливо:

Сайт має відповідати рівню AA стандарту WCAG, щоб відповідати вимогам Закону про підвищення доступності (BFSG).

Як зробити сайт безбар’єрним, читайте в нашій наступній статті:

Як зробити вебсайт безбар’єрним