Когнітивна доступність: сайт для людей із дислексією, СДУГ і нейровідмінностями

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

Когнітивна доступність – про них. І це та рідкісна область, де зроблене для меншості покращує досвід усіх без винятку.

Про кого йдеться

Не тільки про постійні стани на кшталт дислексії, розладу дефіциту уваги чи аутизму. Список ширший, і більша його частина тимчасова:

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

Тобто це не вузька група. Це стан, у якому час від часу опиняється кожен.

Що ускладнює сприйняття

Що заважає	Чому	Як виправити
Довгі речення	Треба утримувати початок до кінця	Одна думка – одне речення
Складні слова без пояснень	Читання зупиняється	Просте слово або пояснення поруч
Суцільний текст	Немає за що зачепитися оком	Підзаголовки кожні 3-4 абзаци
Рух і автопрокрутка	Відтягує увагу примусово	Керування, пауза, повага до налаштувань системи
Таймери й зникаючі повідомлення	Не встигають прочитати	Без обмеження часу або з можливістю продовжити
Багатокрокові процеси без орієнтирів	Незрозуміло, де ти й скільки лишилося	Видимий прогрес і можливість повернутися

Текст

Найдешевша частина роботи й найпомітніша за ефектом.

Головне на початку. Абзац, що починається з висновку, а не з підводки, читається вдвічі легше.
Речення до двадцяти слів. Не як догма, а як орієнтир: довші перечитують.
Активний стан замість пасивного. «Ми надішлемо рахунок» замість «рахунок буде надіслано».
Розшифровка скорочень при першій згадці. Навіть тих, що здаються очевидними в галузі.
Списки замість перерахувань через кому. Шість пунктів у рядку не утримуються в голові.
Однакові назви для однакових речей. Якщо кнопка називається «Замовити», у тексті теж має бути «замовити», а не «оформити заявку».

Останній пункт недооцінюють. Синоніми, які здаються стилістичною перевагою, для частини людей перетворюються на питання, чи це те саме.

Інтерфейс

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

Рух і анімація

Окрема тема, бо тут найпростіше зробити гірше з добрих намірів.

Анімація появи блоків, паралакс і автопрокрутка каруселей для частини людей не прикраса, а перешкода: рух захоплює увагу мимоволі, і повернутися до тексту складно. У частини випадків це викликає фізичний дискомфорт.

Що робити: поважати системне налаштування зменшеного руху. Це один запит у стилях, який вимикає анімації тим, хто попросив про це на рівні операційної системи. Плюс кнопка паузи для всього, що рухається саме.

Форми й помилки

Місце, де когнітивне навантаження найвище, бо тут людина не читає, а виконує.

Один крок – одна група полів.
Підпис поля видно завжди, не тільки до введення.
Формат показано прикладом, а не описом.
Помилка сформульована як інструкція: не «невірно», а що саме зробити.
Введене не зникає при помилці.
Немає обмеження часу на заповнення.

Як перевірити свій сайт

Чотири перевірки, які не вимагають інструментів:

Прочитайте абзац вголос. Якщо збилися або довелося перечитати – речення довге.
Відкрийте сторінку й порахуйте, що рухається. Усе, що рухається без вашої участі, – кандидат на вимкнення.
Дайте сторінку людині поза галуззю. Попросіть переказати, що пропонують і що робити далі. Плутанина в переказі – плутанина в тексті.
Пройдіть форму, навмисно помилившись. Чи зрозуміло з повідомлення, що виправляти.

Чому це вигідно

Усе перелічене працює не тільки для людей із нейровідмінностями. Короткі речення, передбачуваний інтерфейс і зрозумілі помилки покращують показники для всіх: менше відмов, менше звернень у підтримку, вища доходимість форм.

Плюс збіг із іншими напрямами: структурований текст із підзаголовками краще розбирається пошуковими системами й краще цитується в AI-відповідях. Одна робота закриває три завдання одразу.

Когнітивна доступність не вимагає окремого бюджету. Вона вимагає рішення писати простіше, ніж хочеться, і не додавати руху там, де без нього обходяться. Обидва рішення безкоштовні, і обидва зазвичай не ухвалюють.