yucod

Аудит доступності сайту за WCAG 2.2: щоб ним могли користуватися всі

Ми перевіряємо сайт так, як ним користуються люди із порушеннями зору, слуху, моторики та уваги. Ви отримуєте звіт: що зламано, наскільки це критично і як виправити.

Кошторис і строки після брифу

Кому підходить

  • Компанії, що продають в ЄС, Британії, США чи Канаді й мають відповідати вимогам доступності
  • Інтернет-магазини та сервіси із записом, оплатою чи реєстрацією
  • Власники сайтів, які отримали скаргу, лист від юриста або вимогу від партнера
  • Команди, що роблять новий сайт і хочуть закласти доступність з початку

Які задачі вирішуємо

Нам сказали, що сайт має відповідати WCAG, але ми не знаємо, з чого почати

Перевіряємо сайт за WCAG 2.2 рівня AA (це стандарт, на який найчастіше посилаються закони й тендери). У звіті кожна проблема має опис, місце на сторінці, рівень критичності та спосіб виправлення.

Безкоштовний сканер показав зелений результат, а скарги лишилися

Автоматичні перевірки бачать лише частину проблем. Решту ми шукаємо вручну: проходимо ключові сценарії з клавіатури, з екранним читачем (програма, що озвучує сторінку) і з увімкненим збільшенням.

Розробник каже «виправимо», але не розуміє, що саме

Пишемо завдання мовою розробника: селектор, приклад коректної розмітки, критерій, за яким можна перевірити результат. Правки можемо зробити самі або передати вашій команді.

Боїмося, що після правок усе знову зламається при оновленні сайту

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

Що входить у роботу

  • Автоматичне сканування сайту інструментами axe, Lighthouse та WAVE
  • Ручна перевірка з клавіатури: порядок табуляції, видимий фокус, відсутність пасток для курсора
  • Перевірка з екранними читачами NVDA та VoiceOver на ключових сторінках
  • Перевірка контрасту, розмірів кліку, масштабування до чотирьох разів і тексту без втрати вмісту
  • Аналіз форм: підписи полів, повідомлення про помилки, автозаповнення, доступна капча
  • Перевірка відео та аудіо: субтитри, текстова версія, керування відтворенням
  • Перевірка нових вимог WCAG 2.2: розмір цілі для кліку, перетягування, зрозуміла допомога, повторне введення даних
  • Звіт із критичністю кожної проблеми та орієнтовною трудомісткістю правок
  • Проєкт заяви про доступність (Accessibility Statement) для вашого сайту
  • Повторна перевірка після правок, якщо вона входить у пакет

Оберіть обсяг роботи

Пакет допомагає описати задачу. Кошторис і строки погоджуємо після брифу та уточнення вимог.

01

Експрес

Лендинг або невеликий сайт до 5 типів сторінок

  • Автоматичне сканування та ручна перевірка ключових сторінок
  • Перевірка з клавіатури й екранним читачем
  • Звіт із пріоритетами
  • Розмова на 30 хвилин для розбору результатів
Обговорити цей обсяг
02

Стандарт

Корпоративний сайт, магазин або сервіс із формами й оплатою

  • Перевірка всіх ключових сценаріїв: пошук, кошик, оплата, реєстрація
  • Тести на комп'ютері та мобільному пристрої
  • Детальний звіт із завданнями для розробників
  • Проєкт заяви про доступність
  • Повторна перевірка після правок
Обговорити цей обсяг
03

Аудит і виправлення

Тим, хто не має власного розробника або хоче закрити питання одним підрядником

  • Усе зі «Стандарту»
  • Виправлення критичних і серйозних проблем у коді та дизайні
  • Чекліст доступності для вашої команди
  • Фінальна перевірка та оновлений звіт
  • Оплата поетапно: аудит, потім правки
Обговорити цей обсяг

Як працюємо

01

Бриф і вимоги

Ви описуєте задачу й поточний процес. Уточнюємо вимоги, обираємо перший етап і готуємо кошторис.

02

Автоматична перевірка

Запускаємо сканери на всіх типах сторінок і збираємо список очевидних проблем: контраст, відсутні підписи, помилки розмітки.

03

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

Проходимо ваші головні сценарії з клавіатури, екранним читачем і збільшенням. Тут знаходимо те, що сканери пропускають.

04

Звіт і розбір

Передаємо звіт і пояснюємо його на дзвінку. Разом вирішуємо, що виправити першим.

05

Правки та повторна перевірка

Виправляємо самі або перевіряємо роботу вашого розробника. Після цього повторно тестуємо й оновлюємо звіт.

Межі роботи

  • Не видаємо юридичного сертифіката відповідності та не гарантуємо захисту від скарг чи позовів. Це питання до юриста, а ми даємо технічну основу
  • Не обіцяємо повну відповідність рівню AAA. Ціль за замовчуванням: рівень AA
  • Не замінюємо тестування з живими користувачами з інвалідністю. Ми можемо його порадити, але воно оплачується окремо

Часті питання

Що таке WCAG 2.2 і чи обов'язково його дотримуватися?

WCAG (Web Content Accessibility Guidelines) — міжнародний стандарт доступності сайтів. В Україні він не є універсальною обов'язковою вимогою для приватного бізнесу. Але в ЄС, Британії, США та Канаді закони й тендери часто на нього посилаються. Якщо ви продаєте туди, перевірте це з юристом.

Чим ручний аудит кращий за автоматичний сканер?

Сканер швидко знаходить формальні помилки, але не розуміє змісту. Він не скаже, що порядок табуляції плутаний або що повідомлення про помилку не озвучується. Ми поєднуємо обидва підходи.

Що мені потрібно надати?

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

Ви самі виправите знайдене?

Так, у пакеті «Аудит і виправлення». У двох інших пакетах ми передаємо завдання вашій команді й за бажанням перевіряємо результат. Доступ до сайту й код залишаються у вас за погодженими умовами.

Чи допоможе доступний сайт отримувати більше клієнтів?

Ми не обіцяємо конкретного зростання. Але зрозумілі форми, помітний фокус і читабельний текст допомагають усім користувачам, зокрема на телефоні чи при яскравому світлі. Такий сайт також простіше підключати до CRM та автоматизацій.

Як визначаємо вартість?

Кошторис готуємо після брифу й уточнення вимог. Для першого етапу можемо взяти такий обсяг: автоматичне сканування та ручна перевірка ключових сторінок; Перевірка з клавіатури й екранним читачем. Склад робіт, оплату й строки погоджуємо до старту.

Почнемо з вашої задачі

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

Заповнити бриф