Дислексия, СДВГ и когнитивная доступность: что реально помогает

Покупательница с дислексией открывает вашу страницу о возврате: 900 слов текста, выровненного по ширине, бледно-серым цветом, а единственный важный срок спрятан в шестом абзаце. Другой покупатель, у которого СДВГ, начинает оформлять заказ, после второго поля получает всплывающее окно с подпиской, закрывает его и теряет нить. Ни одну из этих проблем не замечает большинство автоматических инструментов проверки. Ни одну не решает особый шрифт.

Это руководство отделяет то, что подкреплено данными, от того, что в основном является маркетингом, — включая некоторые функции, которые любит продавать наша собственная отрасль.

Что такое когнитивная доступность?

Когнитивная доступность означает, что контентом и интерфейсом могут пользоваться люди с когнитивными нарушениями и трудностями в обучении, которые иначе обрабатывают язык, запоминают, удерживают внимание или работают с числами. Сюда относятся дислексия, СДВГ, аутизм, дискалькулия, деменция, последствия черепно-мозговых травм и интеллектуальные нарушения, а заодно это помогает каждому, кто устал, испытывает стресс или читает на неродном языке.

Главный ориентир — документ W3C Making Content Usable for People with Cognitive and Learning Disabilities (откроется в новой вкладке) («Как сделать контент удобным для людей с когнитивными нарушениями и трудностями в обучении»), рабочая записка (Working Group Note), опубликованная 29 апреля 2021 года как дополнение к Руководству по обеспечению доступности веб-контента (WCAG). Его советы сгруппированы в восемь целей:

1. Помогать пользователям понять, что перед ними и как этим пользоваться
2. Помогать пользователям находить то, что им нужно
3. Использовать ясный и понятный контент
4. Помогать пользователям избегать ошибок и понимать, как их исправить
5. Помогать пользователям сосредоточиться
6. Следить, чтобы процессы не зависели от памяти
7. Предоставлять помощь и поддержку
8. Поддерживать адаптацию и персонализацию

Многое из этого — просто хороший дизайн. В руководстве отмечается, что выигрывают и люди во временном стрессе, и те, кто плохо знает язык.

Сколько людей с дислексией или СДВГ?

Дислексия встречается примерно у 9–12% населения, а у 2–4% она выражена сильно, по данным Европейской ассоциации дислексии (откроется в новой вкладке). Для взрослых с СДВГ глобальный метаанализ 2021 года (откроется в новой вкладке) дал оценку 2,58% для стойкого СДВГ, начавшегося в детстве, и 6,76%, если учитывать взрослых с текущими симптомами, — это около 366 млн человек в 2020 году.

Эти состояния часто сочетаются: по оценке EDA, у 8–18% людей с дислексией есть и СДВГ, а у 20–40% — дискалькулия. Ассоциация также подчёркивает, что дислексия никак не связана с интеллектом. Оценки меняются вместе с определениями, но масштаб ясен. Если ваша аудитория похожа на население в целом, примерно у 900–1200 из каждых 10 000 посетителей есть дислексия.

Помогают ли шрифты для дислексии на самом деле?

Как средство для чтения — нет, судя по имеющимся данным. Контролируемые исследования OpenDyslexic и Dyslexie не нашли выигрыша в скорости или точности чтения по сравнению с Arial или Times New Roman, а метаанализ 15 исследований 2026 года показал общий эффект, близкий к нулю. Некоторым читателям эти шрифты всё равно нравятся больше, и это предпочтение стоит уважать.

Шрифты вроде OpenDyslexic и Dyslexie созданы для того, чтобы буквы было труднее перепутать, например за счёт утяжелённого низа или более различимых форм. Обещанной пользы исследования не нашли:

• Вери и Дилиберто (2017) сравнили OpenDyslexic с Arial и Times New Roman у младших школьников с дислексией. Они не обнаружили «никакого улучшения скорости или точности чтения» и пришли к выводу, что «переводить печатные материалы на этот шрифт, возможно, бессмысленно». Ни один из учеников не сказал, что предпочитает его (Annals of Dyslexia, запись в ERIC (откроется в новой вкладке)).
• Кустер и коллеги сравнили Dyslexie с Arial и Times New Roman в двух экспериментах, первый из которых охватил 170 детей с дислексией. Их вывод: шрифт «не помогает и не мешает процессу чтения», а больше детей предпочли обычные шрифты (Annals of Dyslexia, 2018 (откроется в новой вкладке)).
• Метаанализ 2026 года Аццарелло и коллег объединил 15 исследований с участием детей с дислексией (91 размер эффекта, 688 участников). Общий эффект оказался пренебрежимо малым: g = −0,04 (95%-й доверительный интервал от −0,15 до 0,07), где ноль означает отсутствие разницы. Эти шрифты «не дают существенных преимуществ перед традиционными шрифтами для читателей с дислексией» (Annals of Dyslexia, 2026 (откроется в новой вкладке)).

Две оговорки. Большая часть этих исследований проводилась с детьми и измеряла скорость и точность, а не комфорт при долгом чтении. А в метаанализе добавлено, что «определённые типографские особенности могут улучшать разборчивость», и речь здесь скорее об интервалах, чем о каком-либо фирменном шрифте. Так что не переводите весь сайт на шрифт для дислексии. Используйте чёткую привычную гарнитуру и дайте читателям, которым нравится другая, выбрать её.

Что на самом деле помогает людям с дислексией читать с экрана?

Интервалы, вёрстка и формулировки дают больше, чем гарнитура. Дайте тексту простор, держите строки достаточно короткими, выравнивайте текст по левому краю, а не по ширине, разбивайте его на короткие абзацы под понятными заголовками и пишите просто. Главное — убедитесь, что макет не ломается, когда читатели сами увеличивают интервалы: этого WCAG требует на уровне AA.

Интервалы подкреплены данными лучше, чем шрифты, хотя и здесь вопрос не закрыт. В исследовании 2012 года в PNAS (откроется в новой вкладке) 74 ребёнка с дислексией из Италии и Франции в возрасте от 8 до 14 лет читали текст с очень большим межбуквенным интервалом быстрее и примерно вдвое реже ошибались, причём без всякой тренировки. В опубликованном ответе (откроется в новой вкладке) утверждалось, что выигрыш мог объясняться тем, что дети просто хуже читали, а не самой дислексией. Обнадёживает, но не доказано.

Критерий успешности 1.4.12 «Интервалы в тексте» в WCAG 2.2 (откроется в новой вкладке) не обязывает вас использовать широкие интервалы. Он требует, чтобы контент продолжал работать, когда читатель задаёт межстрочный интервал в 1,5 размера шрифта, интервал между абзацами в 2 размера, межбуквенный интервал в 0,12 и межсловный в 0,16 размера шрифта. В пояснении W3C к этому критерию (откроется в новой вкладке) приведена причина: «Люди с дислексией могут увеличивать расстояние между строками, словами и буквами, чтобы читать быстрее». Классическое нарушение — карточка товара фиксированной высоты, где «Бесплатный возврат в течение 30 дней» обрезается до «Бесплатный возврат в теч».

• Ограничьте строки примерно 80 символами и не выравнивайте текст по ширине — это цели критерия WCAG уровня AAA 1.4.8 «Визуальное представление». При выравнивании по левому краю пробелы между словами остаются одинаковыми.
• Используйте короткие абзацы, содержательные заголовки и пронумерованные шаги, чтобы читатель мог снова найти, где остановился.
• Публикуйте настоящий текст, а не текст на картинках или в отсканированных PDF, чтобы работали озвучивание и собственные шрифты читателя.
• Стремитесь к хорошему контрасту без слепящего эффекта. Некоторых читателей утомляет чёрный на ярко-белом, и более мягкий фон вполне допустим, если текст остаётся выше минимума WCAG 4,5:1. Наше руководство по цветовому контрасту объясняет эти соотношения.

Как сделать сайт удобнее для людей с СДВГ?

Уберите то, что борется за внимание, и сделайте так, чтобы к задаче было легко вернуться. Это значит: никакого автовоспроизведения видео или звука, никаких всплывающих окон посреди задачи, возможность приостановить всё, что движется, короткие шаги с видимым прогрессом и формы, которые сохраняют уже введённое. В руководстве W3C по когнитивной доступности эта цель называется «Помогать пользователям сосредоточиться».

• Не перебивайте. Никакого всплывающего окна с подпиской после второго поля формы, никакого прыгающего значка чата, никакого баннера, который возвращается на каждой странице.
• Дайте остановить движение. Для всего, что движется, мигает или прокручивается само дольше пяти секунд, нужен способ это приостановить, остановить или скрыть (WCAG 2.2.2, уровень A).
• Покажите путь. Разбейте длинные формы на шаги и сообщайте, где находится человек: «Шаг 2 из 4: доставка».
• Сохраняйте прогресс. Если человек отошёл за банковской картой, корзина и наполовину заполненная форма должны его дождаться.
• Обойдитесь без искусственной срочности. Таймеры обратного отсчёта и баннеры «Осталось 2 штуки» давят как раз тогда, когда человеку нужно сосредоточиться. Реальные ограничения по времени должны быть настраиваемыми (WCAG 2.2.1).
• Делайте ошибки исправимыми. Просите подтверждения перед любым необратимым действием и по возможности предлагайте отмену.

Ничто из этого не касается только СДВГ. Заодно оформление заказа становится быстрее и для всех остальных.

Что новые критерии WCAG 2.2 дают когнитивной доступности?

Три из девяти новых критериев WCAG 2.2 прямо направлены на снижение когнитивной нагрузки. 3.2.6 «Единообразная помощь» (уровень A) держит помощь на одном и том же месте, 3.3.7 «Повторный ввод» (A) не даёт процессам спрашивать одно и то же дважды, а 3.3.8 «Доступная аутентификация» (AA) убирает проверки памяти и головоломки из входа в аккаунт, если нет альтернативы.

Помогают и более старые критерии, например подписи или инструкции (3.3.2) и выявление ошибок (3.3.1). Но многие когнитивные потребности, такие как простой язык, трудно превратить в проверки по принципу «прошёл или не прошёл», и значительная часть советов W3C по когнитивной доступности находится в дополнительном руководстве, а не в самом WCAG. Все девять новых критериев разобраны в нашем руководстве по WCAG 2.2 простыми словами.

Простой язык: как писать для всех?

Простой язык — это когда вы пишете так, чтобы ваш читатель с первого раза нашёл то, что ему нужно, понял это и смог действовать. На практике: ставьте ответ или действие в начало, используйте обычные слова, делайте большинство предложений короткими, объясняйте термины, без которых не обойтись, и превращайте шаги в нумерованные списки. Это помогает людям с когнитивными нарушениями и всем, кто торопится.

• Было: «Покупатели, желающие осуществить возврат товара, должны обеспечить его поступление в срок, не превышающий 30 дней с даты доставки, с соблюдением изложенных ниже условий». Стало: «Вы можете вернуть товар в течение 30 дней после доставки. Вот как это сделать:», а дальше три нумерованных шага.
• Было: «Недопустимый ввод». Стало: «Введите почтовый индекс, например 10115».
• Было: «Нажмите здесь». Стало: «Скачать таблицу размеров (PDF, 2 страницы)».

Пишите числа цифрами, а даты полностью («пятница, 14 ноября») и держитесь правила «одна мысль — одно предложение». Критерий WCAG уровня AAA 3.1.5 «Уровень чтения» требует упрощённой версии или дополнительных материалов, если для понимания текста нужен уровень чтения выше неполного среднего образования. Выполнить его везде непросто, но это полезная проверка для страниц помощи, условий и сообщений об ошибках.

Какое место занимают инструменты персонализации?

Инструменты персонализации позволяют каждому читателю изменить страницу под себя: другой шрифт, увеличенные интервалы, линейка для чтения, чтение вслух, отключённая анимация. W3C называет «Поддерживать адаптацию и персонализацию» одной из восьми целей когнитивной доступности. Эти инструменты — выбор читателя. Они не исправляют трудный для понимания контент и процессы, которые полагаются на память.

Наша собственная панель, SiteAccessible, — один из примеров, поэтому расскажем, что она делает и чего не делает. Профиль «Для людей с дислексией» переключает текст на другую гарнитуру (Andika или, как вариант, OpenDyslexic), увеличивает межстрочный, межбуквенный и межсловный интервалы и выравнивает текст по левому краю. Мы предлагаем этот шрифт, потому что некоторым читателям он нравится больше, а предпочтения важны, а не потому, что его польза для чтения доказана: исследования выше говорят, что нет. Интервалы ближе к тому, что подтверждают данные.

Профиль «Для людей с СДВГ» останавливает анимацию, приглушает цвета и добавляет маску для чтения, которая затемняет всё, кроме полосы вокруг указателя. Это может сделать перегруженную страницу спокойнее. Концентрацию это ни у кого не улучшает, и мы этого не утверждаем. И ничто из этого не переписывает ваш текст, не убирает ваши всплывающие окна и не упрощает оформление заказа. Полный список функций — на нашей странице возможностей.

Если в этом месяце у вас есть время только на три дела, сделайте вот что: протестируйте ключевые страницы с указанными выше значениями интервалов, уберите всё, что прерывает оформление заказа, и перепишите простым языком три самые читаемые страницы помощи. Как проверить интервалы, масштабирование и работу с клавиатуры, показывает наше руководство «Как проверить доступность сайта», а обзор «Как люди с инвалидностью пользуются сайтами» ставит эти потребности в общий ряд с остальными.