11 минут чтения
21 Jun
21Jun

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

  • Людям без миші - навігація клавіатурою, тачпадом, джойстиком
  • Користувачам скрінрідерів - незрячі та слабкозрячі люди
  • Людям з порушенням зору - високий контраст, масштабування до 200%
  • Користувачам з порушенням слуху - субтитри, текстові альтернативи
  • Людям з порушенням моторики - великі кнопки, клавіатурна навігація
  • Люкам у незвичних умовах - яскраве сонце, шумне місце, диван

 Чому вебдоступність потрібна? 

Вебдоступність — не просто адаптація для людей з інвалідністю

Це базова якісна характеристика современного сайту, яка: 

1. Покращує UX для всіх користувачів 

Доступний сайт зручний не тільки для людей з інвалідністю, а й для абсолютно всіх

  • Чітка структура заголовків — легше шукати інфу
  • Зрозумілі назви посилань — не треба клікати «тут»
  • Контрастний текст — читається навіть на яскравому сонці
  • Клавіатурна навігація — швидше для продуктивних користувачів

 2. Підвищує конверсію і лояльність Доступний сайт: 

  • Зменшує кількість помилок при заповненні форм
  • Спрощує натискання кнопк на мобільному
  • Покращує швидкість навігації
  • Збільшує довіру до бізнесу

 3. Покращує SEOДоступність і SEO сильно пов'язані

  • Семантичний HTML = краще ранжування
  • Alt-тексти для зображень = більше трафіка з Google Images
  • Чітка структура = краще розуміння контента Google
  • Швидкість навігації = нижчий bounce rate

 4. Розширює аудиторію бізнесуДо 15% людей у світі мають інвалідність. Це мільйони потенційних клієнтів, які: 

  • Не можуть користуватися недоступним сайтом
  • Втрачають довіру до бізнесу
  • Обирають конкурентів з доступнішими сайтами

 5. Зменшує юридичні ризики У багатьох країнах (США, ЄС, Україна) недоступний сайт = юридичний ризик

  • Скарги від користувачів
  • Судові позови
  • Штрафи від регуляторів


Стандарт WCAG: 

глобальний підхід Web Content Accessibility Guidelines (WCAG) 

це офіційний стандарт вебдоступності

розроблений World Wide Web Consortium (W3C)


Версії WCAG:

  • WCAG 2.0 — ґрунтовний стандарт (2008)
  • WCAG 2.1поточний стандарт (2018), з акцентом на мобільні пристрої
  • WCAG 2.2 — новіший стандарт (2023), ще більше критеріїв
  • WCAG 3.0 — майбутня версія (розробка)

 

Рівні відповідності WCAG:


РівеньЩо означаєДля кого
A (minimum)Базова доступністьМінімум для всіх сайтів
AA (recommended)Оптимальна доступністьНайпоширений рівень (єС, Україна)
AAA (highest)Максимальна доступністьСпеціалізовани сайти



 Grow Expert (Гроу Експерт - Едюкейшн Провайдер) 
прагне відповідати WCAG 2.1 рівня AA -
це оптимальний рівень для освітніх ресурсів і бізнес-сайтів.


Як перевіряють Контроль доступності?

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


1. Автоматичне тестування

Автоматичні інструменти перевіряють:

  • Alt-тексти для зображень
  • Контраст тексту
  • Структуру заголовків
  • ARIA-атрибути
  • Клавіатурна навігація

Популярні інструменти:

  • WAVE (wave.webaim.org)
  • Lighthouse (Chrome DevTools)
  • AXE (axe-core)
  • SiteImprove

Але: автоматичні інструменти не перевіряють все

Вони знаходять 30–50% проблем.


2. Ручне тестування

Люди-експерти перевіряють:

  • Навігація клавіатурою (без миші)
  • Логіка заголовків
  • Зрозумілість посилань
  • Форми і помилки
  • Мобільна версія


3. Тестування з користувачами

Найважливіший метод: реальні люди з інвалідністю тестують сайт:

  • Незрячі со скрінрідерами
  • Слабкозрячі з контрастом
  • Люди з порушенням моторики
  • Люди з когнітивними обмеженнями


Критерії вебдоступності WCAG 2.1 AA


Критеріх до яких ми - Гроу Експерт - провайдер з навчання намагаємось прийти.

WCAG 2.1 AA має 78 критеріїв, які групуються в 4 принципи:


1. Зрозумілість (Perceivable)

Контент можна сприйняти:

  • Текстові альтернативи для зображень (alt)
  • Субтитри для відео
  • Контраст тексту ≥ 4.5:1
  • Масштабування до 200%
  • Адаптивність (не залежить від одного сенсора)


2. Керуваність (Operable)

Контент можна використовувати:

  • Навігація клавіатурою
  • Час на виконання дій (не обмежений таймером)
  • Немає мерехтіння
  • Логічна навігація
  • Індикатори фокусу


3. Зрозумілість (Understandable)

Контент можна розуміти:

  • Зрозумілі назви посилань
  • Логічна структура заголовків
  • Помилки в формах описані
  • Стабільна навігація
  • Інструкції зрозумілі


4. Надійність (Robust)

Контент працює з інструментами:

  • Семантичний HTML
  • ARIA-атрибути за потреби
  • Сумісність со скрінрідерами
  • Сумісність со старими браузерами
  • Вакація для допоміжних технологій


Чому вебдоступність важлива для України?


1. Закон вимагає

В Україні діє ДСТУ EN 301 549:2022 - національний стандарт вебдоступності, 
який гармонізований со стандартом WCAG 2.1 AA.

Обов'язково для:

  • Офіційних сайтів державних органів
  • Сайтів громадських організацій
  • Освітніх ресурсів
  • Бізнес-сайтів з державними контрактами


2. 15% населення — люди з інвалідністю

В Україні до 3 мільйонів людей з інвалідністю (джерело)

Це:

  • Незрячі і слабкозрячі
  • Незрнічі і слабкослухаючі
  • Люди з порушенням моторики
  • Люди з когнітивними обмеженнями

Недоступний сайт = втрачені клієнти.


3. ЄС вимагає доступність

Україна інде наближається до ЄС. Європейський стандарт EN 301 549 вимагає:

  • WCAG 2.1 AA для всіх державних сайтів
  • Доступність для бізнесу з держконтрактами
  • Поступово - для всіх сайтів


4. Доступність = конкурентна перевага

Освітні провайдери з доступними сайтами:

  • Залучають більше учнів
  • Збільшують довіру
  • Покращують SEO
  • Малий ризик скарг


Grow Expert і вебдоступність

Grow Expert - навчальний провайдер в Києві, 
який робить все, щоб якомога скоріше забезпечити вебдоступність для всіх 
своїх курсів, матеріалів і сервісів.


Що ми поступово плануємо робити:

WCAG 2.1 AA - наша мета - відповідати цьому стандарту
Семантичний HTML - чітка структура заголовків і контенту
Клавіатурна навігація - сайт зручний без миші
Alt-тексти - всі зображення мають описи
Контраст - текст читається на яскравому сонці
Масштабування - підтримка до 200%
Сумісність - працює со скрінрідерами і старими браузерами


Наші обмеження:

Застарілі PDF -  деякі документи ще не повністю доступні
Сторонні віджети - відео, карти, платіжні системи можуть не підтримувати WCAG
Нові зображення - інколи немає alt-текста (ми це усуваем)
Старі відео - деякі матеріали без субтитрів


Ми активно працюємо над усуненням цих обмежень.


Повна заява про доступність Grow Expert - тут:

📄 ЗАЯВА ПРО ДОСТУПНІСТЬ


Додаткові матеріали:

1. Короткий посібнику з Вебдоступності (73 сторінки) від Дія, undp.org, Sverige - pdf файл для завантаження  pdf файл для завантаження 

2. Національний стандарт України ДСТУ EN 301 549:2022 (EN 301 549 V3.2.1 (2021–03), IDT) Інформаційні технології ВИМОГИ ЩОДО ДОСТУПНОСТІ ПРОДУКТІВ ТА ПОСЛУГ ІКТ - завантажити документ - НЕ є офіційним виданням

Комментарии
* Адрес электронной почты не будет отображаться на сайте