Техніка · допоміжні технології · практика
Програми екранного доступу та решта допоміжних технологій
Закон вимагає «сумісності» — роботи з допоміжними технологіями (ст. 5 п. 12). Ці інструменти не абстракція: це десяток конкретних програм, частина з яких безкоштовна і вже встановлена в системі, якою ви користуєтеся. Ця сторінка описує, що вони роблять, що їм потрібно від коду і як перевірити власний сервіс раніше, ніж це зробить споживач зі скаргою за ст. 37.
Що це таке
Програми екранного доступу
Перетворюють інтерфейс на мовлення або брайль. NVDA (Windows, безкоштовна, відкрита), JAWS (Windows, платна, стандарт у багатьох компаніях і установах), VoiceOver (вбудована в macOS та iOS), TalkBack (Android), Narrator (Windows). Вони читають не екран, а дерево доступності.
Збільшення й контраст
Екранні лупи (ZoomText, системна лупа), масштаб браузера 200–400 %, режим високого контрасту, власний стиль користувача. Усім потрібен макет, який переноситься, — саме для цього існують критерії 1.4.4 і 1.4.10.
Голосове керування
Dragon, голосове керування в macOS/iOS, Voice Access в Android. Користувач каже «натисни Купити зараз» — і це працює лише тоді, коли видимий напис кнопки збігається з її доступним іменем (WCAG 2.5.3; найчастіше ламається через aria-label іншою мовою).
Клавіатура, перемикачі, брайль
Сама клавіатура, альтернативні клавіатури, керування одним перемикачем, відстеження погляду, брайлівські дисплеї. Усі говорять зі сторінкою однією мовою: Tab, Shift+Tab, Enter, пробіл, стрілки, Esc. Якщо працює клавіатура — працює більшість із них.
Як програма екранного доступу бачить сторінку
Не так, як ви. Її користувач рідко читає сторінку згори донизу — він рухається нею як документом: H перескакує між заголовками, D або R — між областями (шапка, навігація, основний вміст, підвал), F — між полями форми, K або Tab — між посиланнями. Ще він відкриває список усіх заголовків чи всіх посилань і вибирає з нього, як ви переглядаєте зміст книжки.
Тому три речі вирішують, чи сторінкою можна користуватися, задовго до того, як хтось згадає про ARIA:
- Заголовки описують розділи й не пропускають рівнів. Список заголовків — це зміст; «Заголовок 3, Заголовок 3, Заголовок 3» — зміст без змісту.
- Назви посилань мають сенс поза контекстом. У списку посилань «читати далі» трапляється дванадцять разів і не означає нічого.
- Орієнтири існують —
<header>,<nav>,<main>,<footer>. Без<main>меню неможливо пропустити на жодній сторінці.
Які пари тестувати
| Програма | Система | Браузер для тестів | Примітка |
|---|---|---|---|
| NVDA | Windows | Firefox або Chrome | безкоштовна — почніть із неї |
| JAWS | Windows | Chrome | платна; демоверсія працює 40 хвилин на сеанс |
| VoiceOver | macOS | Safari | вбудована: Cmd+F5 |
| VoiceOver | iOS | Safari | Налаштування → Доступність; жести замість клавіш |
| TalkBack | Android | Chrome | найпоширеніша пара на телефоні |
Програма й браузер — одне ціле: та сама сторінка може поводитися інакше в NVDA+Firefox і в NVDA+Chrome. Тестувати всі комбінації не потрібно. Одна пара на комп’ютері й одна на телефоні знайдуть більшість того, чого не побачить жоден автомат.
Двадцять хвилин, які варто витратити
Відкладіть мишу
Пройдіть головну сторінку й увесь шлях покупки самим лише Tab. Чи видно, де ви є? Чи можна дістатися кожної кнопки? Чи закриває Esc меню й модальне вікно? Чи повертається фокус туди, звідки вийшов?
Увімкніть програму й вимкніть екран
NVDA у Windows або Cmd+F5 на Mac. Спробуйте купити власний товар. Ідеться не про вивчення скорочень — перші три хвилини покажуть більше, ніж звіт.
Пройдіться заголовками
H у NVDA, ротор у VoiceOver. Чи розповідає сам лише список заголовків, що є на сторінці?
Надішліть форму з помилкою
Залиште поле порожнім і надішліть. Чи сказала програма, що не так і в якому полі? Чи перейшов туди фокус? Червона рамка без тексту невидима одразу для трьох груп: незрячих, людей із порушенням розрізнення кольорів і всіх у монохромному режимі.
Збільште до 200 % і звузьте до 320 px
Лише збільшення тексту, не масштаб сторінки. Чи щось зникає, накладається або змушує гортати у два боки?
Чого ці інструменти не виправлять
- Накладки «accessibility widget». Скрипт, приклеєний до сторінки, не знає її структури; зазвичай він дублює функції самої програми доступу, заважає їй і не усуває жодної невідповідності. Орган дивиться на код сторінки, а не на віджет.
- Автоматичні alt‑тексти й автоматичні субтитри без вичитки. Згенерований опис буває правильним; буває й упевнено хибним, а на фото товару ця різниця і є ціною помилки.
- Окрема «версія для незрячих» як бідніший паралельний сайт. Закон вимагає однієї доступної послуги, а не двох — доброї і «для них».
Де знайти тестувальників
Один сеанс зі справжнім користувачем програми екранного доступу вартий більше за весь наш звіт, бо відповідає не «чи виконано критерій», а «чи можна тут купити». Такі тести проводять організації незрячих і людей із порушеннями зору та аудиторські компанії, які наймають тестувальників з інвалідністю. Ринкова ціна сеансу нижча за штраф зі ст. 73, поділений на сто. Наш аналізатор робить шар під цим: перевіряє ролі, імена, стани, фокус і контраст, щоб сеанс із людиною не починався з того, що машина бачить сама.