Цвет — это неотъемлемая часть нашей повседневной жизни: он помогает нам ориентироваться, принимать решения и воспринимать информацию. Однако для миллионов людей по всему миру восприятие цвета ограничено из-за дальтонизма.
По данным Colour Blind Awareness, дальтонизм встречается у 1 из 12 мужчин и 1 из 200 женщин. Это значит, что примерно каждый десятый человек испытывает трудности с восприятием цветов. Для дизайнеров, разработчиков и создателей контента цветовая доступность становится необходимостью.
Дальтонизм — нарушение цветового зрения из-за неправильной работы или отсутствия колбочек в сетчатке глаза. Люди с дальтонизмом видят цвета иначе, что может создавать трудности.
L-колбочки (красные), M-колбочки (зелёные) и S-колбочки (синие).
В зависимости от того, какие колбочки не функционируют, выделяют несколько типов дальтонизма:
дейтеранопию (Не отличает зелёный от красного и оранжевого. Мягкие оттенки зелёного и жёлтого могут сливаться.),
протанопию (Красный цвет воспринимается как чёрный, тёмно-зелёный или коричневый.
тританопию (редкие проблемы с синим)
монохроматию (чёрно-белое зрение).
В этой статье мы разберём, как сделать цвета в вашем продукте или контенте доступными для людей с дальтонизмом. Вы узнаете о типах дальтонизма, их особенностях и получите практические советы по созданию удобного и понятного дизайна для всех.
Дейтеранопия
Проблема с фильтрами по цвету на маркетплейсах для людей с дейтеранопией
На маркетплейсах фильтры по цвету товаров представлены в виде цветных кружочков. Это создаёт проблемы для людей с дейтеранопией. Это делает фильтры бесполезными, так как пользователь не может понять, какой цвет выбирает.
Как это можно улучшить:
Добавить текстовые метки:
Рядом с каждым цветным квадратиком указать название цвета (например, "Красный", "Зелёный"). Это сделает фильтры доступными для всех пользователей, включая людей с дальтонизмом.Использовать иконки или узоры:
Добавить уникальные узоры или текстуры к каждому цвету (например, полоски для красного, клетку для зелёного). Это поможет различать цвета даже при их схожести.Увеличить контраст:
Использовать более контрастные оттенки, чтобы даже при нарушении цветовосприятия разница между цветами была заметна.
ОЗОН 
Wildberries
Проблема с графиками для людей с дейтеранопией
Сайт CoinMarketCap использует графики для отображения изменения цен криптовалют. Рост цены обычно обозначается зелёным цветом, а падение — красным.
Для людей с дейтеранопией зелёный и красный цвета могут выглядеть одинаково (например, как коричневый или серый). Это затрудняет понимание, растёт цена или падает.
Как это можно улучшить:
1. Добавить текстовые метки:
Рядом с графиком указать текстовые подсказки (например, "Рост" и "Падение") или использовать иконки (▲/▼).
2. Использовать контрастные цвета:
Выбрать цвета, которые различаются не только оттенком, но и яркостью. Например:
Интересные статьи
Интересные статьи
