Доступність для користувачів із
порушеннями зору: екранні рідери, контрастність,
масштабування
Ілюстрація згенерована за допомогою ШІ
Використання
сучасних технологій екранного доступу сприяє створенню безбар’єрного цифрового
середовища, у якому кожна людина може отримувати інформацію, навчатися,
спілкуватися та користуватися державними послугами.
Програми
екранного доступу (англ. screen readers) – це спеціальне програмне забезпечення, яке допомагає
людям із порушеннями зору користуватися комп’ютерами, смартфонами та іншими
цифровими пристроями. Для людей із дислексією (особливістю, яка може
ускладнювати читання та розпізнавання слів) корисними також можуть бути
інструменти озвучення тексту.
Програми
екранного доступу озвучують текст і назви елементів на екрані або передають
інформацію на брайлівський дисплей. Озвучення українською мовою, керування
клавіатурою або жестами допомагають користувачам самостійно працювати з
документами, переглядати сайти, користуватися мобільними застосунками й
отримувати державні електронні послуги.
Найпопулярніші
безкоштовні програми екранного доступу
NVDA (NonVisual Desktop Access) – безкоштовна програма для комп’ютерів і ноутбуків з операційною системою Windows. Має українськомовний інтерфейс, підтримує роботу з офісними програмами, браузерами та сучасними синтезаторами мовлення.
TalkBack – вбудована функція доступності для смартфонів і
планшетів на базі Android, що забезпечує озвучення інформації на екрані
та підтримує керування жестами.
VoiceOver – вбудована технологія екранного доступу для пристроїв Apple (iPhone, iPad, Mac, Apple Watch), яка забезпечує озвучення елементів інтерфейсу та навігацію українською мовою.
Ілюстрація згенерована за допомогою ШІ
Ще одна важлива
складова цифрової доступності – можливість налаштовувати кольори,
контрастність і розмір тексту. Такі параметри допомагають краще розрізняти
елементи на екрані та полегшують читання. Це особливо важливо для людей зі
зниженим зором, а також для тих, кому складно сприймати текст через невдале
поєднання кольорів або замалий шрифт.
Як
зробити інформацію доступною
Обирайте
контрастні кольори. Темний
текст на світлому фоні або світлий на темному зазвичай легше читати. Уникайте
поєднань, за яких текст зливається з фоном.
Не передавайте
інформацію лише за допомогою кольору. Доповнюйте їх текстом, символами, візерунками або різними
типами ліній. Це допомагає розрізняти елементи навіть тоді, коли користувач не
може чітко відрізнити певні відтінки.
Наприклад, на
круговій діаграмі варто підписувати сектори або додавати до них позначки, щоб
їх можна було розрізнити без орієнтування на кольори. Межі між секторами також
допомагають краще бачити їхні контури.
Приклад використання кольору для передавання інформації.
Діаграма: Дія. Бізнес
Додавайте текстові назви кольорів. В інтернет-магазині недостатньо позначати доступні кольори товару лише кольоровими кружечками. Підписи «червоний», «синій», «зелений» допоможуть покупцям визначити потрібний варіант без необхідності орієнтуватися тільки на колір.
Приклад використання текстових підписів для позначення
кольорів. Діаграма: Дія. Бізнес
Перевіряйте
контрастність тексту.
Для цього можна скористатися спеціальними онлайн-інструментами, які визначають,
чи достатньо відрізняються кольори тексту та фону. За рекомендаціями WCAG 2.2,
мінімальна контрастність звичайного тексту має становити 4,5:1, а великого –
3:1.
Як
налаштувати текст для зручного читання
Не всім
користувачам зручно читати текст стандартного розміру. Збільшення шрифту,
налаштування міжрядкових інтервалів і відстані між літерами можуть полегшити
сприйняття інформації. Важливо передбачити можливість вимкнення анімації,
миготіння, автоматичного прокручування та руху фону й зображень під час
перегляду сторінки, адже це може спричиняти дискомфорт.
Як
збільшити текст
На комп’ютері. У багатьох браузерах можна натиснути Ctrl і +, щоб
збільшити масштаб сторінки, або Ctrl і -, щоб зменшити його. Щоб повернути
початковий масштаб, натисніть Ctrl і 0.
На смартфоні. Відкрийте налаштування пристрою та знайдіть розділ,
пов’язаний із розміром тексту, масштабуванням або спеціальними можливостями.
На вебсайті. Якщо передбачено відповідні налаштування, скористайтеся
кнопками збільшення тексту.
Як збільшити текст на комп’ютері та смартфоні. Ілюстрація
згенерована за допомогою ШІ
Важливо, щоб
після збільшення текст не обрізався, абзаци залишалися читабельними, а кнопки
та посилання були доступними. За рекомендаціями WCAG 2.2, текст має
збільшуватися до 200 % без втрати змісту чи функціональності сторінки.
Доступність
починається з простих рішень: тексту, який легко читати, достатнього контрасту
та можливості налаштувати відображення сторінки відповідно до власних потреб.
Джерела:
