Симулятор дальтонізму

Попередній перегляд проблем доступності кольорів у зображенні

Колір може нести важливий зміст у діаграмах, кнопках, картах, панелях і маркетингових візуалах. Але не всі бачать різницю кольорів однаково. Цей симулятор дальтонізму допоможе переглянути, як може виглядати зображення за поширених порушень кольорового зору, щоб ви помітили місця, де інформація надто залежить від червоно-зеленого чи синьо-жовтого контрасту.

Симуляція виконується повністю у вашому браузері. Зображення малюється на canvas, кожен піксель перетворюється стандартною матрицею кольорів 3×3, а отримане полотно відображається та доступне для завантаження як PNG. Жоден сервер не отримує ваш скриншот чи дизайн, що особливо корисно для неопублікованих інтерфейсів, клієнтських робіт і внутрішніх панелей.

Розуміння типів симуляції

Протанопія імітує відсутність або непрацездатність довгохвильових червоних колбочок, через що червоні кольори можуть здаватися темнішими, а розрізнення червоного та зеленого знижується. Дейтеранопія імітує відсутність середньохвильових зелених колбочок — ще один поширений червоно-зелений дефект. Тританопія імітує відсутність короткохвильових синіх колбочок, впливає на сприйняття синього та жовтого й трапляється рідше. Варіант «Нормальний» залишає зображення без змін, щоб ви могли швидко порівняти його з перетвореними версіями.

Проєктування не лише на основі кольору

Симулятор — це допоміжний засіб перевірки, а не повний аудит доступності чи медичний діагностичний інструмент. Використовуйте його, щоб знайти ризиковані поєднання кольорів, а потім покращіть дизайн за допомогою підписів, піктограм, візерунків, підкреслень, сильнішого контрасту та дубльованих підказок. Діаграми не повинні покладатися лише на лінії різних кольорів; стани помилок мають містити текст або зміни форми; кнопки мають залишатися впізнаваними без відтінку. Якщо змодельований перегляд і далі передає те саме повідомлення, ваше зображення з більшою ймовірністю підійде ширшій аудиторії. Перевіряйте важливі екрани також у їхньому реальному розмірі відображення, адже дрібні підписи, тонкі лінії діаграм і ледь помітні відтінки тла можуть стати важчими для розрізнення після перетворення кольорів.

Як читати результати

Червоно-зелені порушення трапляються значно частіше за синьо-жовті, тому протанопія та дейтеранопія зазвичай є першими двома переглядами для перевірки. Перемикайтеся між варіантами й порівнюйте оригінал із кожною версією: якщо дві категорії, лінії чи кольори статусів стають важко відрізнити, дизайн надто залежить від відтінку. Пам'ятайте, що це наближення повної дихромазії. Легші форми колірної слабкості та рідші стани, як-от повна колірна сліпота, не охоплені, а реальне сприйняття різниться залежно від людини й умов освітлення. Завантажений PNG зберігає повну роздільну здатність оригіналу й містить назву симуляції в імені файлу.