У цій статті
Що таке дальтонізм?
Дальтонізм, або порушення кольорового зору (ПКЗ), — це стан, при якому певні кольори сприймаються по-іншому або не можуть бути розрізнені. Найпоширеніші типи впливають на сприйняття червоно-зеленого: протанопія (відсутність червоних колбочок), дейтеранопія (відсутність зелених колбочок) і тританопія (відсутність синіх колбочок). Ахроматопсія, найрідкісніша форма, призводить до повної відсутності кольорового зору.
Приблизно 8% чоловіків та 0,5% жінок мають певну форму порушення кольорового зору. Для дизайнерів та розробників це означає, що значна частина вашої аудиторії може бачити ваш інтерфейс, діаграми або графіку не так, як ви задумали. Симулятор дальтонізму дозволяє попередньо переглянути саме те, що вони бачать.
Як працює симулятор
Симулятор застосовує науково перевірені матриці перетворення кольорів до кожного пікселя вашого зображення, моделюючи, як кожен тип порушення кольорового зору змінює сприйняття кольорів.
- Колірний простір LMS — значення RGB пікселів конвертуються в модель відповіді колбочок LMS (Long, Medium, Short), яка відображає, як людські фоторецептори обробляють світло
- Матриці Machado 2009 — симуляція використовує матриці з наукової статті Machado, Oliveira та Fernandes (2009), які моделюють втрату відповіді колбочок на налаштовуваних рівнях тяжкості
- Піксельне перетворення Canvas — кожен піксель множиться на відповідну матрицю 3x3 і конвертується назад в RGB, створюючи точний попередній перегляд зображення, як його бачить людина з цим конкретним типом ПКЗ
Спробуйте безкоштовно — реєстрація не потрібна
Симулювати дальтонізм →Коли використовувати симулятор дальтонізму
Тестування ваших дизайнів на кольорову доступність є важливим для інклюзивних продуктів та відповідності нормативним вимогам.
- Відповідність WCAG — дотримання Рекомендацій з доступності веб-контенту шляхом забезпечення того, що інформація не передається лише кольором і що достатній контраст існує для всіх користувачів
- Валідація UI та UX дизайну — перевірка того, що кнопки, сповіщення, індикатори стану та елементи навігації залишаються розрізнюваними для користувачів з будь-яким типом порушення кольорового зору
- Візуалізація даних — перевірка того, що діаграми, карти, теплові карти та інфографіки використовують кольорові палітри, які залишаються читабельними та значущими для всіх типів ПКЗ
Часті запитання
Який найпоширеніший тип дальтонізму?
Дейтераномалія (знижена чутливість до зеленого) є найпоширенішою формою, що вражає приблизно 6% чоловіків. Вона спричиняє труднощі у розрізненні червоного та зеленого і часто є тим, що люди мають на увазі, кажучи "червоно-зелений дальтонізм". Повна дейтеранопія (відсутність зелених колбочок) зустрічається рідше, але є більш тяжкою.
Як проєктувати для порушення кольорового зору?
Використовуйте колір плюс інший візуальний сигнал — іконки, шаблони, мітки або зміну яскравості. Уникайте покладання лише на червоний/зелений для сигналізації успіху/невдачі; додавайте галочки або текст. Обирайте кольорові палітри, оптимізовані для ПКЗ (напр. синьо-оранжевий замість червоно-зеленого). Завжди тестуйте дизайн за допомогою симулятора перед запуском.
Чи однакові дальтонізм та кольорова слабкість?
Кольорова слабкість (аномальна трихроматія) означає, що один тип колбочок має знижену чутливість — кольори виглядають зміщеними, але не повністю відсутні. Дальтонізм (дихроматія) означає, що один тип колбочок повністю відсутній, через що два кольори виглядають ідентичними. Монохроматія (ахроматопсія) — це повна відсутність кольорового зору. Симулятор може моделювати всі рівні тяжкості.