Онлайн симулятор дальтонизма
7 видов симуляции: обычное зрение, протанопия, дейтеранопия, тританопия, протаномалия, дейтераномалия и ахроматопсия.
Свое изображение: загрузите свою фотографию или используйте встроенную цветовую палитру.
Разделенный экран: оригинал и результат симуляции рядом в режиме реального времени.
Данные не передаются: вся обработка происходит в браузере, серверы не задействованы.
# Что такое дальтонизм и как он влияет на зрение?
Дальтонизм, также называемый дефицитом цветового зрения или дихроматопсией, — это состояние, которое влияет на способность правильно воспринимать определенные цвета. Впервые оно было описано английским химиком Джоном Дальтоном в 1798 году, который заметил, что он и его брат не могут различать определенные цвета, особенно красный и зеленый.Это состояние вызвано изменениями в колбочках сетчатки — фоторецепторных клетках, отвечающих за улавливание различных длин волн света. Человеческий глаз имеет три типа колбочек: L-колбочки (чувствительные к красному, ~570 нм), M-колбочки (чувствительные к зеленому, ~530 нм) и S-колбочки (чувствительные к синему, ~420 нм). Когда один или несколько типов отсутствуют или работают неполноценно, восприятие цвета меняется.# 7 типов дефицита цветового зрения
| Тип | Пораженная колбочка | Распространенность (мужчины) | Основной эффект |
|---|---|---|---|
| Протанопия | L (красный) отсутствует | 1.01% | Затемнение красных цветов, путаница красного и зеленого |
| Протаномалия | L (красный) дефицит | 1.08% | Менее насыщенные красные цвета |
| Дейтеранопия | M (зеленый) отсутствует | 1.27% | Путаница красного и зеленого без затемнения |
| Дейтераномалия | M (зеленый) дефицит | 4.63% | Самый частый тип, искажение зеленых цветов |
| Тританопия | S (синий) отсутствует | <0.01% | Путаница сине-зеленого и желто-красного |
| Тританомалия | S (синий) дефицит | <0.01% | Искажение синих и желтых цветов |
| Ахроматопсия | Все колбочки | 0.003% | Восприятие только в оттенках серого |
# Как работает симуляция дальтонизма
Этот симулятор применяет матрицы цветового преобразования к пикселям изображения. Каждый пиксель имеет значения RGB (красный, зеленый, синий), которые математически преобразуются для имитации того, как человек с каждым типом дефицита будет их воспринимать. Используемые матрицы основаны на исследовании Мачадо, Оливейры и Фернандеса (2009) и модели Бреттеля, Виено и Моллона (1997), которые широко признаны в научном сообществе.# Дальтонизм и доступный дизайн
- Никогда не используйте только цвет для передачи информации: добавляйте значки, узоры или пояснительный текст к любой цветовой маркировке.
- Обеспечьте достаточную контрастность: WCAG 2.1 требует минимального коэффициента контрастности 4,5:1 для обычного текста и 3:1 для крупного текста.
- Избегайте красно-зеленых сочетаний: они являются самыми проблематичными для большинства дальтоников. Выбирайте вместо них сине-оранжевый или сине-красный.
- Используйте инструменты симуляции в рабочем процессе: интегрируйте симуляторы дальтонизма в рецензирование дизайна, чтобы выявить проблемы до публикации.
- Проверяйте графики и карты: эти визуальные элементы особенно подвержены проблемам доступности из-за их зависимости от цвета.