Зробили сайт про енергозалежність інклюзивним та успішно пройшли краш-тест. Кейс Укртелеком

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

В Укртелеком вирішили, що енергонезалежність не може мати винятків. Компанія разом із розробниками «DEEPTIME» та експертами Access Lab повністю перезібрала логіку свого лендингу internet.ukrtelecom.ua, де можна перевірити можливість підключення та період роботи інтернету без світла. Тепер сайт відповідає стандарту ДСТУ EN 301 549:2022, створеному на основі міжнародних настанов із доступності вебконтенту WCAG 2.1. 

У партнерському тексті команда Укртелеком розповідає, як переписати код так, щоб його побачили скрінрідери, навіщо великому бізнесу ДСТУ-стандарти доступності та чому інклюзивний інтернет – це обов’язкова вимога європейського ринку.

Що саме змінилося на лендінгу?

Разом із командою розробників «DEEPTIME» та фахівцями з Access Lab ми адаптували сторінку під стандарт ДСТУ EN 301 549:2022. Це означає, що люди з порушеннями зору, моторики або з когнітивними особливостями можуть легко ним користуватися. Для цього тут з’явились нові можливості:

• Скрінрідери: весь контент коректно озвучується спеціальними програмами.
• Навігація: можливість керувати сайтом лише за допомогою клавіатури.
• Контрастність: чіткі кольори та шрифти, які легко зчитувати.

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

Дмитро, розробник компанії «Deep time»: 

«Найбільшим викликом для нас було зробити динамічні елементи – такі, як результати пошуку адреси та графіки енергонезалежності – “видимими” для скрінрідерів. Ми не просто розфарбували кнопки, а переписали логіку взаємодії. Тепер, коли користувач вводить адресу, допоміжні технології миттєво озвучують статус підключення. Це була кропітка робота з ARIA-атрибутами та фокусом клавіатури, щоб людина з порушеннями зору відчувала інтерфейс так само впевнено, як і всі інші».

Що змінюється для користувачів з інвалідністю?

Для більшості користувачів взаємодія з сайтом – це візуальний досвід. Але для людей, наприклад, із порушеннями зору – інтернет «звучить». Звичайні сайти часто перетворюються для них на хаотичний набір звуків, коли програми-скрінрідери (як-от NVDA чи VoiceOver) безсистемно озвучують кнопки та зображення без назви. Розуміючи це, для нас було важливо перетворити лендінг на простір рівних можливостей. 

Інтуїтивна навігація

Особливу увагу ми приділили тим, хто не користується мишкою. Для таких користувачів головним інструментом є клавіша Tab. Ми вибудували логічний «шлях фокуса», де кожен клік веде користувача за зрозумілим сценарієм: від пошуку адреси до отримання результату та кнопки замовлення. Більше ніяких «загублених» курсорів – лише чітка послідовність, що супроводжується візуальною та звуковою «підсвіткою» будь-якого елемента.

Чіткість у кожному пікселі

Доступність – це також про комфорт людей зі слабким зором чи дальтонізмом. Відповідно до міжнародного стандарту WCAG 2.1 level AA ми підібрали ідеальний колірний контраст. Інформація залишається читабельною навіть при яскравому сонці або на екранах із низькою яскравістю. Лендінг зберігає свою структуру при збільшенні шрифту до 200%: текст не накладається на кнопки, а інтерфейс залишається зручним і цілісним.

Експертний «краш-тест» від Access Lab

Наш оновлений лендінг internet.ukrtelecom.ua пройшов справжній іспит на інклюзивність. Роботу перевіряла команда Access Lab – це сертифіковані фахівці з багаторічним досвідом, які спеціалізуються на цифровій доступності для державних установ та великого бізнесу. Фахівці тестували лендінг вручну та використовуючи різні асистивні технології (збірний термін, що охоплює різноманітні допоміжні засоби та послуги). Це дозволило нам бути впевненими, що сайт не просто формально відповідає ДСТУ, а є справді зручним інструментом для реальних людей у реальних обставинах.

Дмитро Попов, засновник Access Lab:

«Цифрова доступність – це не додаткова функція, а фундамент сучасної сервісної компанії. В проєкті з Укртелекомом ми зосередилися на тому, щоб складний функціонал (пошук за адресою та прогноз роботи мережі) не став бар’єром. Тепер цей лендінг є прикладом того, як технології адаптуються під людину, а не навпаки. Це реальний крок до інклюзивного інтернету в Україні».

Три причини перевірити свою адресу на лендінгу internet.ukrtelecom.ua вже зараз

1. Технологічна перевага GPON. Перевірте, чи підключений ваш будинок до енергонезалежної GPON мережі, яка витримує відсутність електроенергії до 96 годин.
2. Точність. Дізнайтеся час резервування інтернету саме в вашому будинку.
3. Доступність. Скористайтеся оновленими функціями доступності, які працюють на будь-яких пристроях відповідно до стандарту ДСТУ EN 301 549.

Ми повністю погоджуємося з тим, що технології мають служити людям, а не створювати бар’єри. Саме тому Укртелеком впроваджує свідомий європейський підхід до створення цифрового середовища. Оновлення лендінгу відповідає вимогам Європейського акту про доступність (European Accessibility Act), що підтверджує прагнення нашої компанії забезпечити рівні можливості для всіх користувачів мережі.

Переглянути лендінг