А ще розвінчали міф про впізнаваності тексту і контрасту кольорів.
У своїй роботі ми завжди дотримуємося принципів універсального дизайну, основною з яких - рівність і доступність використання. Тому в цій статті опишемо, як можна перевіряти дизайн і кольори на доступність для людей з порушенням зору.
Дальтонізм
Близько 8% чоловіків і 0,5% жінок народжуються з одним з видів дальтонізму. Тому будь-які макети треба перевіряти на доступність при кольоровий сліпоти, особливо, коли одночасно використовуються червоний і зелений кольори.
Adobe
У Adobe Photoshop, Illustrator і InDesign є вбудована функція перевірки макетів на два найпоширеніші види кольоровий сліпоти: View / Proof Setup / Color Blindness Protanopia і Deuteranopia type. Для комфортної роботи можете додати гарячу клавішу для включення цих режимів в Edit / Keyboard Shortcuts.
Color Oracle
Якщо не прив'язуватися тільки до програм Adode, можна звернутися до більш універсальної програми - Color Oracle. Є версії для MacOS, Windows і Linux. Вона запускається незалежно від інших програм і переводить в режим перевірки на дальтонізм все, що відображається на екрані.
Контраст кольорів
Є такий поширений стереотип: «Всім давно відомо, що жовтий текст на чорному тлі - максимально доступний і читабельний» (або жовтий на синьому, або будь-яка інша пара квітів. Але ті, хто пише «всім відомо ...» найчастіше згадують жовтий ). Але це все маячня, звернемося до науки.
Light Reflectance Value
Light reflectance value (LRV) - здатність поверхні певного кольору відбивати світло. Чим більше LRV, тим більше світла відображає поверхню, тим яскравіше колір. Читабельність тексту безпосередньо залежить від різниці LRV двох кольорів: фону і тексту. Велика різниця - більший контраст і распознаваемость (legibility) тексту.
Нюанси сприйняття шрифтів
За розрахунками різниці LRV контраст чорного на білому і білого на чорному може бути однаковим. Але сприйняття шрифтів працює по-різному: білий текст на чорному тлі візуально здається трохи жирніше, ніж чорний на білому.
Наприклад, шрифт FS Millbank має дві версії: для світлого фону і для темних (з урахуванням внутрішнього підсвічування знаків).
P.S. Ще один ненауковий метод визначення контрасту квітів
Переводимо зображення в чорно-білий режим і дивимося контраст яскравості. Велика різниця - найкраща распознаваемость.
