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

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

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

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

Как пользоваться

1. Нажмите кнопку загрузки и выберите фото на устройстве или используйте пример изображения.
2. Выберите режим симуляции: протанопия, дейтеранопия, тританопия или ахроматопсия.
3. Сравните исходное и обработанное изображение, переключая режимы.
4. Обратите внимание, какие цвета сливаются: например, красный и зелёный при протанопии и дейтеранопии.
5. Для проверки графиков или интерфейсов загрузите их скриншот и убедитесь, что информация передаётся не только цветом.
6. Для точного сравнения отключите ночной режим и цветовые фильтры экрана.

Как понять результат

Результат — это наглядная модель, а не точное воспроизведение чьего-то восприятия. Если в режиме симуляции важные элементы изображения (линии на графике, кнопки, обозначения на карте) становятся неразличимыми, значит, людям с соответствующим нарушением будет трудно ими пользоваться.

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

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