Цвета: как видят пользователи с дальтонизмом и цветовой слабостью

При создании графиков и диаграмм не обойтись без использования разных цветов. Мы в Datawrapper уже много писали о цвете. В процессе работы очень легко забыть тех пользователях, которые не могут различать цвета так же хорошо, как и вы (особенно если вы лично с ними не знакомы). Нужно ли о них вообще беспокоиться?

На этот вопрос не так легко ответить. Количество читателей с дальтонизмом (цветовой слепотой) разнится в зависимости от местности, возраста, пола и типа слепоты. Например, мы знаем, что красная и/или зелёная слепота куда более распространена среди мужчин по сравнению с женщинами, причём больше среди людей из Европы, чем из Азии^[1]. У 8% мужчин и 0,5% женщин европейского происхождения наблюдается разного рода красный и/или зелёный дальтонизм или цветовая слабость.

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

1. Как видят цвета ваши читатели с дальтонизмом и цветовой слабостью

Это статья, которую вы прямо сейчас читаете! На этой неделе вы узнаете:

Основы

• Цветовая слабость
• Дальтонизм (цветовая слепота)

Каких цветовых сочетаний лучше избегать

• Красный, зелёный и коричневый
• Розовый, бирюзовый и серый
• Фиолетовый и синий

2. Что нужно учитывать при визуализации данных для читателей-дальтоников

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

3. Каково жить с дальтонизмом

В третьей статье вы познакомитесь с теми людьми, которые создают графики и диаграммы, оптимизированные для дальтоников, — в том числе с Дэвидом, директором Datawrapper. Вы узнаете, как они живут с дальтонизмом в повседневной жизни, и как разбирают (и рисуют!) диаграммы и карты.

Начнём с основ:

Основы

Лучшее объяснение того, как и почему мы видим цвета, я нашла в этом милом пятиминутном видео от Кальдера Хансена (на английском):

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

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

Цветовая слабость

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

Кажется, словно на эти цвета нанесли фильтр из Инстаграма — но их всё ещё можно различить между собой. Красный, зелёный, синий и жёлтый отличаются друг от друга. Цветовая слабость встречается чаще чем дальтонизм: у 6-7% мужчин^[2] наблюдаются те или иные типы цветовой слабости.

Их названия могут показаться сложными, но на деле это просто греческие слова, означающие «первый», «второй» и «третий» в сочетании со словом «аномалия». Так, протаномалия означает «первая аномалия», дейтераномалия — «вторая аномалия», а тританомалия — «третья аномалия». Последовательность цветов такая же, как и в RGB: красный, зелёный и синий. Так что первая аномалия — протаномалия — это нарушение в восприятии красного цвета.

Дальтонизм (цветовая слепота)

Обратимся к дальтоникам. У них повреждены колбочки одного типа, что вызывает слепоту на красный, зелёный или синий цвет. Люди с хорошим зрением видят 10 миллионов цветов, в то время как дальтоники, соответственно, видят меньше.

Типы дальтонизма названы по аналогии с цветовой слабостью, разве что оканчиваются на -анопия. а- означает «не», а -опия — «зрения», так что слово «анопия» можно перевести как «отсутствие зрения»:

Это более серьёзное нарушение зрения, потому что дальтоники не могут различить определенные цвета. Читатели, слепые на красный и/или зелёный цвета, не различают разницу между красным и зелёным или оранжевым и светло-зелёным. Для читателей, не воспринимающих синий цвет, он выглядит так же, как зелёный.

Хорошая новость в том, что дальтонизм встречается редко; по крайней мере, реже, чем цветовая слабость. Лишь около 2-3% мужчин — дальтоники.

Каких цветовых сочетаний лучше избегать

У каждого 12-го мужчины и у каждой 200-й женщины Североевропейского происхождения наблюдаются нарушения в восприятии красного или зелёного цветов — цветовая слабость или дальтонизм. Поэтому из 500 людей, которые увидят вашу диаграмму, у 24 возникнут проблемы с пониманием. Ниже я приведу советы насчёт цветов, которых стоит избегать.

Красная и зелёная слепота настолько похожи, что я рассмотрю их вместе. Также я опущу объяснения для совсем уж редкой слепоты на синий цвет.

Красный, зелёный и коричневый

Люди с красно-зелёным дальтонизмом с трудом различают красный, зелёный и коричневый цвета (при одинаковой яркости). Обратите внимание, что насыщенность при этом не играет роли. ⬤ гораздо более насыщен, чем ⬤, но они оба воспринимаются как ⬤/⬤ людьми с красно-зелёным дальтонизмом.

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

Слева: что видят люди без нарушений зрения. Справа: что видят люди, слепые на зелёный цвет.
Фото: Йос ван Уверкерк, Pexels.

Всё это представлено на фотографии. Красный сигнал светофора не выделяется на зелёном фоне деревьев.

Розовый, бирюзовый и серый

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

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

«Серость» цвета зависит от типа цветовой слепоты (на зелёный или красный цвет), так что обязательно проверяйте ваши макеты на оба типа дальтонизма.

Фиолетовый и синий

Для людей с красным и зелёным дальтонизмом красно-фиолетовый выглядит как синий. Например:

• Для людей с красным дальтонизмом ⬤ и ⬤ выглядят как ⬤
• Для людей с зелёным дальтонизмом ⬤ и ⬤ выглядят как ⬤

Это также относится к светло- и тёмно-фиолетовому. Слепые на красный цвет читатели увидят синий в независимости от того, покажете ли вы им сочетание цветов ⬤ ⬤ ⬤ или ⬤ ⬤ ⬤.

Примечания

[1] Метаисследование Дженнифер Берч (Jennifer Birch) от 2011 г. «Всемирная распространённость нарушения цветовосприятия красного и зелёного цветов» (Worldwide prevalence of red-green color deficiency) «подтверждает, что мужская распространенность нарушения цветовосприятияу у европейцев составляет около 8%, а у азиатов — от 4 до 5%».

[2] Я не смогла найти точные данные для различных видов нарушений цветовосприятия (даже эта статья в Википедии противоречит самой себе), так что не стоит сильно полагаться на цифры, которые я привела в этой статье.