Як воркшоп з доступності WCAG усунув 350+ помилок

Коли я прийшла працювати в британську компанію, дізналася, що за законом їхній сайт має бути доступним. Але фактично про доступність там майже не йшлося — інтерфейс мав багато бар’єрів для користувачів.

Я щойно закінчила курс у Projector про інклюзивний дизайн (Inclusive Web Design) і вирішила, що настав час діяти. Провела ресерч 12 основних сторінок сайту, виявила типові помилки й підготувала презентацію-воркшоп для команди розробки.

У воркшопі я розклала:

• що таке вебдоступність і чому вона важлива не лише для людей з інвалідністю;

• які існують стандарти (зокрема WCAG 2.1) і як принципи POUR впливають на реальний досвід;

• які саме проблеми є на нашому сайті й як вони ускладнюють користування;

• чому це не “для галочки”, а про якісний UX для всіх користувачів.
  
  

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

Ми разом із колегами почали планомірно виправляти все:

• оновлювали дизайн-систему,

• переробляли бібліотеку компонентів,

• додавали автоматичні перевірки,

• створили документацію, щоб далі було простіше працювати без помилок.
  
  

Після повторного аудиту компанія отримала відповідність рівню WCAG 2.1 AA. Усі критичні помилки було усунуто, а ті, що залишились — низького пріоритету.

Цей досвід навчив мене однієї простої речі: доступність — це не про виправлення «багів». Це про створення продукту, яким зручно користуватись кожному. І як важливо закладати інклюзію в процес «ще на березі», а не після релізу.

Доступність — це не технічна вимога, а фундамент якісного UX для всіх користувачів.

Анастасія Савушкіна

Експертка WCAGENTS