Доступность графиков: текст, паттерны, контраст

Доступный график можно понять, не видя изображения: по описанию, по тексту статьи или по таблице данных. Доступность не означает упрощение. Она означает, что смысл передан не только цветом и не только картинкой. Ниже — что проверить.

Что такое доступный график

Это график, который можно понять, не видя изображения: по описанию, по тексту статьи или по данным в таблице. Доступность не означает упрощение. Она означает, что смысл передан не только цветом и не только картинкой.

Альтернативный текст

Короткое описание того, что показано и какой вывод следует. Не «график зависимости», а «доля сдавших работы выросла с 60 до 85 процентов к шестой неделе». Такой текст помогает и тем, кто видит график мельком.

Длинное описание

Если график сложный, дайте абзац с деталями или таблицу данных в приложении. Это полезно не только для незрячих читателей: таблица позволяет проверить числа. Укажите, где она находится.

Не только цвет

Различайте серии формой маркеров и типом линий. Обозначайте категории подписями. Тогда график читается при дальтонизме и в чёрно-белой печати. Это одна из самых простых и самых действенных мер.

Контраст

Линии и текст должны контрастировать с фоном. Светлые оттенки на белом исчезают. Проверьте контраст программно или на распечатке, а не на глаз в затемнённой комнате.

Размер элементов

Маркеры и текст не должны быть мелкими. Читатель с ослабленным зрением увеличивает страницу, и тонкие линии пропадают. Крупные элементы помогают всем, а не только людям с инвалидностью.

Подписи вместо легенды

Прямые подписи у линий экономят поиск соответствия. Легенда требует переводить взгляд туда-обратно. Для двух-трёх серий прямые подписи почти всегда лучше.

Порядок и группировка

Логичный порядок категорий помогает понять график без пояснений. Сортировка по значению или времени — простой способ сделать рисунок доступнее.

Текст в статье

Не заменяйте текст графиком. Вывод должен быть сформулирован словами, а рисунок — подтверждать его. Читатель без изображения должен получить тот же вывод из текста.

Типичные ошибки

Смысл только в цвете, отсутствие описания, мелкие элементы, слабый контраст, вывод только на рисунке. Каждая ошибка отсекает часть читателей.

Как проверить

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

Итог

Доступный график передаёт смысл текстом, формой и подписями, а не только цветом, и проверяется в серой печати.

Как описать график в тексте

Сформулируйте вывод словами: что выросло, что снизилось, где различие существенно. Не ограничивайтесь фразой «см. рисунок». Читатель без изображения должен получить тот же аргумент. Если вывод сложный, разбейте его на два-три предложения и укажите, какие значения это подтверждают.

Паттерны и штриховка

Разные типы штриховки различают серии в чёрно-белой печати и при дальтонизме. Не делайте штриховку слишком мелкой: она сливается при уменьшении. Проверьте рисунок в итоговом размере. Сочетание штриховки и формы маркеров делает график устойчивым в любом варианте печати и на экране.

Альтернативный текст в разных системах

В документах и на сайтах текст описания задаётся отдельным полем. В презентациях он может быть в заметках к слайду. В PDF — в свойствах изображения или в подписи. Проверьте, где именно ваша система принимает описание, и заполните его. Пустое поле означает, что график недоступен, даже если вокруг есть текст статьи.

Доступность и таблица данных

Самый надёжный способ сделать график доступным — приложить таблицу с числами. Она помогает не только незрячим читателям, но и тем, кто хочет проверить значения. Если таблица большая, дайте её в приложении и поставьте ссылку в подписи. Это занимает немного места и снимает большинство вопросов.

Как проверить доступность

Отключите цвет в просмотрщике или распечатайте в сером, прочитайте только подпись и альтернативный текст, уменьшите рисунок до размера телефона. Если смысл сохраняется во всех трёх случаях, график доступен. Такая проверка занимает несколько минут и не требует специальных инструментов.

Кому это помогает

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

Что писать в описании, если график сложный

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

Чек-лист

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

Частые вопросы

Нужен ли альтернативный текст?

Да, с выводом, а не только с темой.

Можно ли кодировать только цветом?

Нет, нужны форма и подписи.

Что важнее всего?

Проверка в оттенках серого.

Пример

График с четырьмя сериями различался только оттенками зелёного и в серой печати стал неразборчивым. После добавления маркеров и прямых подписей его стало можно читать без легенды.

Итог

Доступность графика обеспечивают текст, форма и контраст, а проверяется она в серой печати.