Симулятор дальтонизма

Для чего нужен симулятор

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

Стоит точно сказать, чем этот результат не является. Он не окно в чей-либо субъективный опыт. Человек с врождённой дейтераномалией видит мир так с рождения; его цветовосприятие для него самого совершенно обычно, и в некоторых задачах на различение такие люди даже превосходят трихроматов. Подавать симуляцию как «то, что они видят» неточно, а когда это подаёт состояние как ущерб — ещё и бесполезно.

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

Модель, лежащая в основе преобразования

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

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

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

Как правильно пользоваться результатом

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

Типичные сбои, которые стоит искать:

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

Решение почти никогда не состоит в том, чтобы «взять другие цвета». Оно состоит в добавлении второго, нецветового признака: текстовой подписи, значка, формы, узора заливки, положения, подчёркивания. Тогда цвет становится подкреплением смысла, а не единственным его носителем — именно этого требует критерий WCAG об использовании цвета.

Где симуляция перестаёт быть надёжной

Преобразование применяется к значениям sRGB вашего изображения, поэтому его точность ограничена тем, насколько верно ваш экран передаёт sRGB и было ли исходное изображение создано в этом пространстве. Материал с широким охватом, HDR-контент и рабочие процессы с плотным управлением цветом сместят результат.

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

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

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