Куток

Обкладинка для допису Контраст і колір доступності 🖤🤍
vBagnet
vBagnet

Додано • Оновлено

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

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

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

                                Статистика
Увімкніть повноекранний режим Вийти з повноекранного режиму

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

                      Проблеми зору на прикладах
Увімкніть повноекранний режим Вийти з повноекранного режиму

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

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

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


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

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

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

                             Як покращити?
Увімкніть повноекранний режим Вийти з повноекранного режиму

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

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

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

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

Тепер краще

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

                                Тести
Увімкніть повноекранний режим Вийти з повноекранного режиму

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


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

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

Найстаріші коментарі (0)

Куток

Підписуйтеся на наші соціальні мережі:
Telegram
Twitter
Facebook


Тепер у нас також є Youtube канал!