Оксана Москва, Lead Product Designer в Intellias спеціалізується на інтеграції доступності в дизайн і постачанні цифрових продуктів. У колонці для AIN вона розповідає, як українському бізнесу стати інклюзивнішим у цифровому сегменті.
.jpeg)
Ще у 2010 році Netflix — компанія, що тоді лише набирала обертів у сфері відеостримінгу, — зіткнулася із судовим позовом через відсутність субтитрів у своїй онлайн-бібліотеці. На той момент компанія стверджувала, що закони про доступність стосуються лише фізичних просторів, а не цифрових. Проте суддя був іншої думки. Ця справа створила важливий прецедент: цифровий світ є публічним простором, і кожен заслуговує на доступ.
Цей момент змінив не лише Netflix. Він показав, що ігнорування доступності означає виключення мільйонів людей. А в пов’язаному світі виключення має високу ціну — і для користувачів, і для бізнесу.
Сьогодні Всесвітня організація охорони здоров’я (ВООЗ) оцінює, що 1 із 6 людей живе з певною формою інвалідності. Якщо додати до цього тимчасові чи ситуаційні обмеження — зламану руку, загублені окуляри чи труднощі з читанням екрана на яскравому сонці — доступність стає значно особистішою темою.
Що з цифровою доступністю в УкраїніЗа кожним доступним сайтом, застосунком чи цифровим сервісом стоїть один базовий стандарт — Web Content Accessibility Guidelines (WCAG), створений World Wide Web Consortium (W3C). WCAG надає компаніям чітку структуру для створення цифрових продуктів, які охоплюють усіх користувачів.
У країнах ЄС цифрову доступність регулює чинний із червня цього року Європейський акт про доступність. Він зобов’язує бізнес дотримуватися спільних стандартів доступності. У США — це закон ADA. Порушення цих норм WCAG передбачає штрафи. В Україні немає окремого закону про вебдоступність.
Але вимоги випливають із Закону України «Про засади запобігання та протидії дискримінації в Україні». Він зобов’язує компанії забезпечувати доступність послуг для людей з інвалідністю. Вимоги застосовуються до:
- Державних органів і їхніх агенцій, що обов’язково мають забезпечувати доступність своїх вебсайтів для людей з інвалідністю.
- Компанії, які надають послуги повинні забезпечувати доступність, щоб не порушувати закон про дискримінацію. Це включає компанії, що працюють у сферах, де доступ до інформації та послуг є необхідним. Наприклад, фінанси, освіта, охорона здоров’я тощо.
14 жовтня Мінцифра опублікувала проєкт закону «Про цифрову доступність інформаційно-комунікаційних систем, онлайн-ресурсів та електронних послуг». Це означає, що український бізнес, який має онлайн-присутність, чекають зміни.
Адже всі цифрові продукти мають стати інклюзивним середовищем, яке забезпечить рівні можливості доступу до інформації та послуг для всіх громадян. Тож постає питання: що бізнесу зробити уже сьогодні, щоб бути готовим до нових стандартів доступності
Цифрова доступність: з чого початиНа перший погляд, WCAG може здаватися громіздким через сотні критеріїв, але в його основі лежать чотири прості принципи, відомі як POUR:
- Помітність (Perceivable): інформація має бути доступною для сприйняття. Субтитри допомагають, якщо ви не чуєте; альтернативний текст — якщо не бачите. Жодних здогадок, жодних втрат.
- Керованість (Operable): інтерфейс має працювати для всіх. Сайт повинен бути доступним за допомогою клавіатури, а не лише миші. Лічильники чи таймери не мають блокувати взаємодію.
- Зрозумілість (Understandable): контент і навігація мають бути логічними й послідовними. Повідомлення про помилки повинні пояснювати, а не плутати. Меню — бути передбачуваними.
- Надійність (Robust): технології швидко розвиваються, тому контент повинен коректно працювати на всіх пристроях, браузерах і з допоміжними технологіями — сьогодні й завтра.
виправлення проблем доступності після запуску продукту може коштувати у 10–100 разів дорожче, ніж під час етапу дизайну. Наприклад, написати альтернативний текст займає секунди, але його відсутність після публікації стає дорогою проблемою. Тому почати варто з аудиту на доступність:
- Оцініть поточний стан. Використовуйте автоматизовані інструменти для виявлення базових проблем (контраст, alt-тексти), а потім ручні тести, щоб перевірити реальний користувацький досвід.
- Визначте пріоритети з найбільшим впливом. Почніть із ключових дій: вхід, читання, заповнення форм, покупки. Додайте субтитри, уточніть повідомлення про помилки, структуруйте заголовки.
- Створіть довгостроковий план. Додайте перевірку доступності в кожне оновлення продукту. Навчайте команду. Залучайте користувачів з інвалідністю до тестувань.
Після внесення змін — додавання правильних підписів, покращення контрасту та виправлення порядку фокусування — результатом став швидший і чистіший інтерфейс. Команда зафіксувала зменшення часу виконання завдань на 25% і зростання задоволеності користувачів.
Як зробити бізнес доступним — і чому варто почати вжеДоступність — це не просто галочки в чеклісті. Це розуміння того, як люди реально користуються вашим продуктом, і проєктування з урахуванням їхнього досвіду. Ось короткий список, який допоможе запустити процес. Він охоплює найпоширеніші проблеми доступності, виявлені під час аудитів. Зазначу, що цей список не є вичерпним. Завжди звіряйтесь з повними вимогами WCAG 2.1 рівня AA.
Дизайн
- Дотримуйтеся мінімального контрасту кольорів (4.5:1 для тексту, 3:1 для іконок).
- Не використовуйте лише колір для передачі значення.
- Використовуйте реальний текст, а не зображення з текстом.
- Зберігайте послідовну навігацію та макет на всіх сторінках.
- Робіть сенсорні елементи розміром не менш ніж 24×24 пікселі з достатнім відступом.
- Забезпечте повну навігацію з клавіатури без пасток.
- Додавайте чіткий і описовий alt-текст до всіх нетекстових елементів.
- Дотримуйтесь логічного порядку заголовків (H1 — H6).
- Робіть індикатори фокуса видимими й легко помітними.
- Використовуйте семантичний HTML, застосовуйте ARIA-атрибути лише за потреби.
- Додавайте текстові повідомлення про помилки з поясненням, як їх виправити.
- Використовуйте автоматизовані інструменти, наприклад Lighthouse, ARC Toolkit, Stark або WAVE.
- Проводьте ручне тестування за допомогою клавіатури та скринридерів, таких як NVDA, VoiceOver або TalkBack.
- Створюйте та зберігайте звіти про доступність за допомогою W3C WCAG-EM Report Tool.
Бізнес-результат теж очевидний: коли Tesco покращив доступність свого онлайн-магазину, інвестиція у £35 000 принесла £13 млн додаткового прибутку на рік.
Інклюзивність стає стандартом. А разом з такими інструментами, як Axe, NVDA або Lighthouse, перевірка доступності стає простішою, ніж раніше. Доступність — це міст між технологією і людьми. Вона робить наш цифровий світ людянішим, інклюзивнішим і готовим до змін, які можуть сколихнути український бізнес уже найближчим часом.
Читайте також:Гра за правилами: як уникнути проблем зі сторами, якщо ви диджитал-продукт — колонка
