Color Blindness Simulator: Design for Accessibility

Что такое дальтонизм?

Дальтонизм, или нарушение цветового зрения (НЦЗ), — это состояние, при котором определенные цвета воспринимаются иначе или не могут быть различены. Наиболее распространенные типы влияют на восприятие красно-зеленого: протанопия (отсутствие красных колбочек), дейтеранопия (отсутствие зеленых колбочек) и тританопия (отсутствие синих колбочек). Ахроматопсия, наиболее редкая форма, приводит к полному отсутствию цветового зрения.

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

Как работает симулятор

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

• Цветовое пространство LMS — значения RGB пикселей конвертируются в модель отклика колбочек LMS (Long, Medium, Short), которая отражает, как фоторецепторы человека обрабатывают свет
• Матрицы Machado 2009 — симуляция использует матрицы из научной статьи Machado, Oliveira и Fernandes (2009), моделирующие потерю отклика колбочек на настраиваемых уровнях тяжести
• Пиксельное преобразование Canvas — каждый пиксель умножается на соответствующую матрицу 3x3 и конвертируется обратно в RGB, создавая точный предварительный просмотр изображения, как его видит человек с этим конкретным типом НЦЗ

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

Тестирование дизайнов на цветовую доступность необходимо для инклюзивных продуктов и соответствия нормативным требованиям.

• Соответствие WCAG — выполнение Рекомендаций по доступности веб-контента путем обеспечения того, что информация не передается только цветом и что достаточный контраст существует для всех пользователей
• Валидация UI и UX дизайна — проверка того, что кнопки, оповещения, индикаторы состояния и элементы навигации остаются различимыми для пользователей с любым типом нарушения цветового зрения
• Визуализация данных — проверка того, что диаграммы, карты, тепловые карты и инфографики используют цветовые палитры, которые остаются читаемыми и значимыми для всех типов НЦЗ

Часто задаваемые вопросы

Какой самый распространенный тип дальтонизма?

Дейтераномалия (сниженная чувствительность к зеленому) является наиболее распространенной формой, затрагивающей примерно 6% мужчин. Она вызывает трудности в различении красного и зеленого и часто является тем, что люди имеют в виду, говоря "красно-зеленый дальтонизм". Полная дейтеранопия (отсутствие зеленых колбочек) встречается реже, но протекает тяжелее.

Как проектировать для нарушения цветового зрения?

Используйте цвет плюс другой визуальный сигнал — иконки, шаблоны, метки или изменение яркости. Избегайте использования только красного/зеленого для сигнализации успеха/неудачи; добавляйте галочки или текст. Выбирайте цветовые палитры, оптимизированные для НЦЗ (напр. сине-оранжевый вместо красно-зеленого). Всегда тестируйте дизайн с помощью симулятора перед запуском.

Дальтонизм и цветовая слабость — это одно и то же?

Цветовая слабость (аномальная трихроматия) означает, что один тип колбочек имеет сниженную чувствительность — цвета выглядят смещенными, но не полностью отсутствуют. Дальтонизм (дихроматия) означает, что один тип колбочек полностью отсутствует, из-за чего два цвета выглядят идентичными. Монохроматия (ахроматопсия) — это полное отсутствие цветового зрения. Симулятор может моделировать все уровни тяжести.