Контраст і колір доступності 🖤🤍

Гострий зір в дорослому віці - вже не така проста річ,
якою здавалась, а в деяких це з дитинства.
І окрім цього, ви можете не бачите деяких кольорів
та не відрізняєте відтінки цих кольорів.

Проблеми з зором на прикладі розмитого емоджи ока
                                 Статистика

Мінімальна відсоткова кількість людей
з проблемами зору, РДУГ та дислексією:
(врахуємо, що останні ще і погано діагностують)

Графік з статистикою людей з проблемами зору, ADHD та дислексією
                      Проблеми зору на прикладах

Без їх наявності, уявити навряд вийде, тож я покажу
за допомогою додатку Funkify:

Приклад веселки з текстом у людей з дальтонізмом

А з погіршеним зором?

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

Ось приклади вдалих та невдалих поєднаннь:

Приклад контрастних та неконтрастних комбінацій колорів

Авжеж це не всі кольори, які гарно контрастують.

                             Як покращити?

Є безліч сервісів і я поясню на прикладі WebAIM

Вас цікавить принаймні рівень AA

Рівень AA - це мінімальні вимоги найближчого майбутнього.
Вимоги визначили WCAG (Web Content Accessibility Guidelines) які наразі задають світові стандарти доступності.

Контраст ratio повинна бути принайні 4.5:1

Якщо трошки змінити значення Lightness - ви можете отримати потрібну контрастність і використовувати 👍🏻

Тепер краще
Розмір та шрифт тексту теж має значення,
і цьому я присвятив окремий пост 🤩
                                    Тести

*Діагноз може поставити лише лікар


А поки поставте ❤️ реакції цьому посту і напишіть в коментарях

  • ваш досвід доступності та її поліпшення

  • гарний приклад блогерів, які піклуються про доступність

Поділись своїми ідеями в новій публікації.
Ми чекаємо саме на твій довгочит!
vBagnet
vBagnet@vbagnet

Український митець

77Прочитань
6Автори
5Читачі
На Друкарні з 8 квітня

Більше від автора

  • А де субтитри? 🔠👁️

    Якщо кричи не кричи, 9 чи 10 так і не почути...На допомогу приходять субтитри.

    Теми цього довгочиту:

    Accessibility
  • Аудіо альтернатива 🔠 🔊

    В минулому пості ми розглянули покращення можливостей читати з поганим зором, але якщо уваги/зору взагалі нема, потрібна...

    Теми цього довгочиту:

    Доступність
  • Шрифти і РДУГ 🔠🧐

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

    Теми цього довгочиту:

    Доступність

Вам також сподобається

Коментарі (0)

Підтримайте автора першим.
Напишіть коментар!

Вам також сподобається