Доступність сайту: перевірка за WCAG і виправлення Сайт, яким можуть користуватися всі — і це видно в перевірці

Доступність — це коли сайтом можна користуватися з клавіатури, з екранним диктором і при поганому зорі. В Україні діє ДСТУ EN 301 549:2022 — український варіант європейського стандарту, що спирається на WCAG 2.1; для органів виконавчої влади та установ у сфері їх управління його вимоги обов’язкові за постановою уряду, а органам місцевого самоврядування й комунальним закладам уряд їх рекомендує. Ми перевіряємо сайт, виправляємо те, що виправляється в коді, і даємо зрозумілий звіт: що зроблено, що лишилося і що перевіряється лише руками.

Написати в Telegramвід 4 900 ₴ · 3–5 днів

Гарантія 60 днів

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

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

Умови роботи повністю

Що саме робимо

Перевірка за WCAG рівня AA
Звіт українською або російською за порядком важливості
Виправлення верстки: збільшення сторінки, розміри, відступи
Імена кнопок і посилань для екранного диктора
Підписи полів у формах і зрозумілі повідомлення про помилки
Порядок заголовків і навігаційні орієнтири
Описи зображень за змістом, а не для галочки
Навігація з клавіатури та видимий фокус
Контраст тексту й кнопок
Доступні таблиці, вкладки та випадні списки
Мовні версії без поломки для диктора
Текст заяви про доступність і сторінка для неї
Повторна перевірка після виправлень
Перевірка чужого сайту на будь-якому рушії

Як проходить робота

Спершу дивимося, що є, потім виправляємо і показуємо різницю цифрами. Жодних «ми покращили доступність» без вимірювань.

01
Перевірка
Проганяємо сайт за WCAG рівня AA: верстка, форми, клавіатура, диктор, контраст. Частина перевірок автоматична, частина — руками й у справжньому екранному дикторі.
02
Звіт
Список знахідок за важливістю: що порушує вимоги, що заважає людям, що косметика. З прикладами сторінок і поясненням звичайною мовою.
03
Виправлення
Правимо в коді те, що правиться: розміри, імена кнопок, підписи полів, порядок заголовків, фокус, контраст. На чужому сайті працюємо з вашим доступом або передаємо правки вашому розробнику.
04
Заява про доступність
Готуємо текст і сторінку: що зроблено, які обмеження лишилися, куди звертатися. Публікуєте ви — від свого імені.
05
Повторна перевірка
Після правок проганяємо ще раз і показуємо, що змінилося. Оцінка до і після — у звіті.

Що вимагають правила

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

Люди з поганим зором, з диктором або лише з клавіатурою мають користуватися сайтом нарівні
Заява про доступність на сайті показує, що ви цим займалися
Скаргу може подати будь-хто, і пояснювати доведеться вам
Віджет доступності сам собою сайт доступним не робить

Ми відповідаємо за технічну частину і звіт. Заяву публікує організація від свого імені; якщо потрібен висновок окремого фахівця з доступності — скажемо прямо.

Чого ми не робимо

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

Перевірено на собі

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

Перевірити доступність сайту

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

Бізнесу, який обслуговує людей: магазини, клініки, послуги
Державним органам — для них це пряма вимога, комунальним закладам — рекомендація уряду
Тим, кому надійшла скарга щодо доступності
Сайтам на WordPress, Wix та інших платформах — перевіряємо будь-який

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

Це обов’язково?

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

Скільки коштує і від чого залежить ціна?

Разова перевірка зі звітом — від суми, вказаної вгорі сторінки; вона залежить від кількості сторінок і складності сайту. Виправлення рахуються окремо, за годинами, після звіту: поки не видно обсяг, називати цифру нечесно.

Скільки це займає?

Перевірка і звіт — три-п’ять днів. Виправлення залежать від знахідок: типовий сайт зазвичай вкладається в кілька днів, великий портал з особистим кабінетом — довше. Строки називаємо разом зі звітом.

Чи достатньо поставити віджет доступності?

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

Ви працюєте з чужим сайтом?

Так. WordPress, Wix, Tilda, OpenCart або власна розробка — перевіряємо будь-який. Якщо платформа не дозволяє міняти код, скажемо одразу: тоді частину правок зробити не можна, і це буде у звіті.

Хто підписує заяву про доступність?

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

Що буде після виправлень?

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

Можна спершу подивитися, що не так?

Так, безкоштовно. Наш інструмент показує частину порушень одразу: збільшення сторінки, імена кнопок, підписи полів, описи зображень, заяву. Цього досить, щоб зрозуміти масштаб до розмови про гроші.