Шрифты для дислексии: подходят ли вашему сайту

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

01Что такое «шрифты для дислексии»

Под этим названием обычно подразумевают несколько гарнитур, специально разработанных так, чтобы буквы было сложнее перепутать: «b» и «d», «p» и «q», «n» и «u». Самые известные — OpenDyslexic и Dyslexie. У них утолщённые «днища» букв (как будто они тяжёлые внизу), сильно различающиеся формы парных символов и широкие межбуквенные интервалы.

Идея авторов: если каждая буква выглядит уникально и «оседает» на строке, мозгу сложнее её перевернуть или спутать с соседней.

02Что говорят исследования

Здесь важно быть честными: единого ответа нет. Несколько исследований показывают, что часть людей с дислексией субъективно читают такими шрифтами охотнее. Другие исследования не находят значимой разницы в скорости и точности чтения по сравнению с обычными гуманистическими шрифтами вроде Arial, Verdana, Open Sans или Comic Sans.

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

Подробнее про сами требования — в материале WCAG для малого бизнеса простыми словами.

03Что реально помогает читателям

Если цель — сделать текст комфортнее для людей с дислексией и вообще для всех, обычно работают эти вещи:

• Хорошо различимые буквы. Подойдёт любой нормальный гротеск без излишеств: Inter, Open Sans, PT Sans, IBM Plex Sans. Без декоративных росчерков, без сжатых начертаний.
• Размер 16 пикселей и крупнее. Это нижняя граница для основного текста на сайте. Заголовкам нужен больший размер.
• Межстрочный интервал около 1.5. Тесные строки утомляют любого читателя, не только дислексика.
• Ширина строки 60–80 знаков. На широких мониторах текст не должен растягиваться на всю ширину окна — лучше колонка средней ширины.
• Контраст. Тёмный текст на светлом фоне или наоборот, без «серого по серому».
• Левое выравнивание. Не «по ширине» — выключка по ширине создаёт неравные пробелы между словами, которые тяжелее читать.
• Структура страницы. Подзаголовки, списки, короткие абзацы. Длинная «простыня» тяжела для любого мозга, а для дислексика — особенно.

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

04Когда специальный шрифт всё-таки уместен

Это решение точно стоит обдумать, если у вас:

• Социальный или образовательный проект, аудитория которого — люди с особенностями восприятия (например, ресурсы для родителей детей с дислексией).
• Государственный или муниципальный сайт, где доступность нормативно обязательна.
• Сайт, ориентированный на учеников младшей школы и тех, кто только учится читать.

Для обычного коммерческого сайта малого и среднего бизнеса менять основной шрифт на OpenDyslexic — обычно избыточно. Гораздо больше эффекта даст качественная типографика, нормальные размеры и аккуратные интервалы.

05Компромисс: переключатель чтения

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

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

Такой переключатель закрывает потребность пользователей, которым специальные настройки помогают, и не ухудшает читаемость для всех остальных. На сайтах с большим текстом (медиа, блоги, документы) этот сценарий часто оправдан.

06Как принять решение под свой проект

Короткий чек-лист, чтобы понять, нужен ли вам дислексия-френдли шрифт:

• Кто ваша аудитория? Если в ней есть значимая доля людей, которым помогают специальные шрифты, — стоит как минимум добавить переключатель.
• Что с текущей типографикой? Если размер 14 пикселей, серый текст на белом и интервал 1.2 — проблема не в шрифте, а в базовой вёрстке.
• Готовы ли проверить решение на пользователях? Лучший тест — показать сайт целевым читателям и спросить, что им комфортнее. Без этого спор «OpenDyslexic против Inter» решается на чувствах.
• Что в брендбуке? Полная замена основного шрифта меняет облик бренда. Иногда логичнее работать через переключатель, а не через смену корпоративного шрифта.

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

Официальная документация по теме — Справка Яндекс.Вебмастера.