Самое опасное правило accessibility звучит занудно: «Не используй цвет как единственный признак».

Стэнфордское исследование про дальтонизм и рак мочевого пузыря показало, как это правило работает в реальности. Не в интерфейсе — в жизни. Кровь в моче — единственный ранний признак. Не различаешь красный — пропускаешь.

В дизайне такое — каждый день.

Где обычно ломается

→ Графики где данные различаются только цветом линий → Таблицы где «всё в порядке» зелёное, «проблема» красная — без иконки и текста → Поля формы которые «подсвечиваются красным» при ошибке. Без сообщения. Просто рамка покраснела. → Кнопки disabled которые отличаются от активных только насыщенностью цвета → Карты где маршрут синий, а опасные участки красные

Все эти решения проходят дизайн-ревью. Все нарушают WCAG 1.4.1.

Правило простое: цвет всегда дублируется чем-то ещё

Иконка + цвет. Текст + цвет. Форма + цвет. Узор + цвет.

«Ошибка» — это не красная рамка. Это иконка-крестик, текст «Введите дату в формате ДД.ММ.ГГГГ», и да, ещё рамка красного. В таком порядке важности.

В графике — вместо двух красно-зелёных линий: пунктир и сплошная. Подписи прямо у линий. Цвет — третьим слоем.

В таблице статусов — иконка слева от текста. Цвет — фон ячейки. Если выключить цвет, информация остаётся читаемой.

Как проверить за минуту

Сделай скриншот экрана. Открой в любом редакторе. Переведи в чёрно-белый.

Видна ли разница между «всё хорошо» и «беда»? Если да — порядок. Если нет — у тебя в продукте есть пользователи которым тоже не видно.

Где у тебя в текущем проекте цвет несёт смысл в одиночку? 👇