Симулятор дальтонізму: дизайн для всіх

Що таке дальтонізм?

Дальтонізм — вроджене або набуте порушення колірного зору, що зустрічається приблизно у 8% чоловіків і 0,5% жінок. Найпоширеніший тип — червоно-зелений дальтонізм. Це означає, що значна частина ваших користувачів може сприймати ваш інтерфейс інакше, ніж ви задумали.

Типи дальтонізму

Протанопія — відсутність чутливих до червоного кольору рецепторів: червоний і зелений виглядають схожими. Дейтеранопія — відсутність зелених рецепторів: найпоширеніший тип, також плутає червоний і зелений. Тританопія — рідкісна, плутає синій і жовтий. Монохромазія — повна відсутність колірного зору (дуже рідко). Протаномалія і дейтераномалія — ослаблена (не повна відсутність) чутливість.

Принципи дизайну для дальтоніків

Не використовуйте колір як єдиний спосіб передачі інформації. Поєднуйте колір із формою, іконкою або текстом (наприклад, зелена галочка + ✓ + «Успішно»). Уникайте поєднань червоного/зеленого та синього/жовтого для критично важливих елементів. Графіки і діаграми мають бути зрозумілими в чорно-білому варіанті.

Інструменти перевірки

Наш симулятор дозволяє завантажити зображення або ввести URL сторінки для перевірки у всіх режимах дальтонізму. Chrome DevTools має вбудований емулятор дефектів зору. Розширення Colorblindly і NoCoffee для Firefox/Chrome — корисні для регулярної перевірки.