Міністерствоцифрової трансформаціїУкраїни

Четвертий рік поспіль Мінцифра та Програма розвитку ООН (ПРООН) в Україні аналізують вебдоступність державних сайтів. За результатами нового дослідження кожен четвертий портал став доступнішим для людей з інвалідністю, а загальний рівень доступності зріс на 11% із 2021 року.

У 2024 році вебдоступність українських сайтів зросла: 7 сайтів відповідають високим стандартам проти одного у 2021-му, 17 замість 12 мають достатній рівень, а 55 перебувають на середньому — чотири роки тому їх було 48. Кількість малодоступних сайтів скоротилася майже вдвічі: із 39 у 2021 році до 21 у 2024-му.

Деякі сайти вже покращили до високого рівня. Серед лідерів — портали Дія.Безбар’єрність, Дія.Освіта, сайти НБУ, Електронного суду та сайтів Львівської, Вінницької та Харківської ОДА. Найбільший прорив за рік зробили платформи Дія та Дія.Освіта, покращивши свої показники на шість балів. Зокрема, пропрацювали зрозумілість інтерфейсу та навігації, додали контрастність, альтернативний текст і кольорові схеми.

Однак чимало проаналізованих сайтів досі не відповідають усім базовим вимогам інклюзивності, і часто це питання обізнаності розробників. Саме тому Мінцифра разом із ПРООН та Швецією впроваджує нові стандарти, уже адаптувала міжнародні рекомендації WCAG 2.1 (Web Content Accessibility Guidelines) та створила Центр компетенцій із цифрової доступності при ДП Дія.

Як адаптувати сайт за стандартами доступності — кілька порад від Мінцифри та ПРООН:

• Візуальна доступність. Контрастність тексту має бути не менш ніж 4,5:1, щоб він залишався читабельним для всіх користувачів. Зображення повинні мати альтернативний текст (alt), який пояснює їхній зміст. Якщо зображення декоративне, використовуйте alt="", щоб скринридери його ігнорували.
• Зрозуміла навігація. Посилання мають бути змістовними — замість «Натисніть тут» краще писати «Дізнатися більше про послугу». Кнопки й поля введення повинні мати програмно прив’язані текстові мітки або aria-label, щоб користувачі чітко розуміли їх призначення. Не використовуйте placeholder замість мітки — він зникає після введення даних.
• Технічна коректність. Визначайте мову сторінки (lang="uk") для коректного озвучення контенту допоміжними технологіями. Перевіряйте сайт на помилки в коді — вони можуть порушувати доступність.
• Керування без мишки. Усі інтерактивні елементи мають бути доступними з клавіатури — користувачі повинні мати змогу переходити між ними за допомогою Tab і бачити маркер фокусу. Уникайте стилю "outline: none", оскільки це прибирає візуальне виділення активних елементів. Якщо на сайті є випадні меню або каруселі, переконайтеся, що ними можна користуватися без мишки. А ще додайте механізм швидкого переходу до основного контенту — приховане посилання, яке з’являється при натисканні Tab.

Дотримання цих принципів зробить сайт комфортним для всіх. Більше деталей — у повному звіті.

Сучасний сайт — це доступність для всіх, незалежно від фізичних можливостей. А ще — необхідність у сучасній цифровій державі.

Аналіз базової доступності 100 сайтів органів виконавчої влади проведено ПРООН в Україні в межах «Проєкту підтримки Дія» за фінансування Швеції спільно із Центром компетенцій із цифрової доступності наприкінці 2024 року.