WCAG 2.2 простими словами: що це за стандарт і навіщо він потрібен

Якщо ви хоч раз читали про доступність сайтів, точно натикались на абревіатуру WCAG. Виглядає складно, звучить ще складніше. Але за нею ховається насправді проста ідея: набір конкретних, перевірюваних правил, які кажуть — “ось так сайт стане зручним для всіх”.

Що таке WCAG

WCAG (Web Content Accessibility Guidelines) — це міжнародний стандарт цифрової доступності, який розробляє W3C, та сама організація, що стандартизує HTML і CSS. Тобто це не чиясь приватна думка про “гарний дизайн”, а офіційний, визнаний у всьому світі документ.

Поточна версія — WCAG 2.2, стала офіційною рекомендацією у жовтні 2023 року. Саме на неї зараз орієнтуються закони й стандарти в ЄС, США та поступово — в Україні.

Чотири принципи, на яких усе тримається

Усі вимоги WCAG згруповані навколо чотирьох простих ідей, які легко запам’ятати за абревіатурою POUR:

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

Якщо сайт відповідає всім чотирьом принципам — він і є доступним.

Рівні A, AA, AAA — навіщо вони

WCAG не каже “доступно” чи “недоступно” — це не бінарна оцінка. Є три рівні відповідності:

  • Рівень A — базовий мінімум. Без нього частина людей просто не зможе користуватись сайтом узагалі.
  • Рівень AA — основний практичний орієнтир. Саме цей рівень згадують у законах і стандартах — і в ЄС, і в законопроєктах, які зараз готують в Україні. Якщо хтось каже “наш сайт відповідає WCAG” — майже завжди мається на увазі саме AA.
  • Рівень AAA — найвищий рівень. Дуже суворий, і навіть сам W3C визнає, що для деяких типів контенту виконати всі вимоги AAA просто неможливо. Це радше орієнтир для окремих випадків, ніж ціль для всього сайту.

Практичний висновок: якщо потрібно обрати одну ціль — орієнтуйтесь на рівень AA. Це та планка, яку реально досягти і яку визнають закони.

Що нового саме у версії 2.2

WCAG 2.2 не переписує все з нуля — він додає 9 нових вимог до попередньої версії 2.1 (і прибирає одну застарілу, пов’язану з валідністю HTML-коду, яка втратила сенс через сучасні браузери). Серед нового:

  • чіткіша видимість фокуса — коли ви тапаєте Tab, має бути добре видно, який елемент зараз активний;
  • альтернатива перетягуванню (drag-and-drop) — якщо на сайті щось треба тягнути мишею, має бути й спосіб зробити те саме без цього;
  • мінімальний розмір кнопок і посилань — щоб по них було зручно попадати пальцем на телефоні;
  • послідовне розміщення допомоги — якщо на сайті є, наприклад, кнопка чату чи посилання “Допомога”, вона має бути на тому самому місці на різних сторінках;
  • менше зайвого повторного введення даних — не змушувати користувача вводити ту саму інформацію двічі без потреби;
  • доступна автентифікація — вхід у систему не повинен вимагати складних логічних задач чи розпізнавання спотвореного тексту без альтернативи.

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

Чи варто чекати на WCAG 3.0

W3C вже готує наступну версію — WCAG 3.0, яка планує змінити саму структуру стандарту: замість чіткого “виконано / не виконано” пропонується гнучкіша система оцінки. Але це поки що робочий чернетковий документ, а не офіційний стандарт. Тому практична порада проста: орієнтуйтесь на WCAG 2.2 рівня AA вже зараз — це та база, яку визнають і закони, і майбутні версії стандарту не скасують напрацьоване, а розширять його.


У наступних статтях розберемо окремі вимоги WCAG на конкретних прикладах — зокрема, як зробити доступними посилання та відео.

Схожі записи

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *