Проєктування з урахуванням доступності

Орієнтований на користувача дизайн у Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Порушення сприйняття кольорів (CVD)

  • Впливає приблизно на 8% чоловіків і 0,5% жінок
  • Дві основні причини: недостатня кількість певних колб у оці («аномалія») або їх відсутність («анопія»)
1 https://en.wikipedia.org/wiki/Color_blindness
Орієнтований на користувача дизайн у Power BI

Порушення сприйняття кольорів (CVD)

  • Впливає приблизно на 8% чоловіків і 0,5% жінок
  • Дві основні причини: недостатня кількість певних колб у оці («аномалія») або їх відсутність («анопія»)
Назва Колби Ймовірність
Протаномалія Червоні 1% чоловіків
Протанопія Червоні 1% чоловіків
Дейтераномалія Зелені 5% чоловіків
Дейтеранопія Зелені 1% чоловіків
Тританомалія Сині Рідко ж/ч
Тританопія Сині Рідко ж/ч
1 https://en.wikipedia.org/wiki/Color_blindness
Орієнтований на користувача дизайн у Power BI

CVD на практиці

Звичайний зір

Зразок зображення з SQL Server Integration Services 2008 року.

Тританопія

Те саме зображення, але як його бачать люди з тританопією.

Протанопія

Те саме зображення, але як його бачать люди з протанопією.

Дейтеранопія

Те саме зображення, але як його бачать люди з дейтеранопією.

Орієнтований на користувача дизайн у Power BI

Поради щодо використання кольору

  • Менше — краще!
  • Обирайте візуалізації, де колір не є єдиним сигналом
  • Використовуйте палітри, дружні до CVD
  • Додавайте індикатори, окрім кольору
  • Користуйтеся інструментами на кшталт Coblis

Деревообласть очима людей із протанопією.

Орієнтований на користувача дизайн у Power BI

Розміри шрифтів

Налаштуйте наявну тему.

Задайте достатньо великий розмір шрифту за замовчуванням.

Орієнтований на користувача дизайн у Power BI

Режим високої контрастності

Увімкнення режиму високої контрастності в Windows.

Приклад панелі Power BI у режимі високої контрастності.

Орієнтований на користувача дизайн у Power BI

Підвищення контрастності

  • Співвідношення контрастності: різниця у сприйнятті яскравості між двома кольорами
  • Рекомендовано щонайменше 4,5:1 для звичайного тексту та 3:1 для великого тексту (18 пунктів і більше)
  • Фонові зображення зазвичай знижують контрастність
  • Перевіряйте це інструментами для тестування контрасту
Орієнтований на користувача дизайн у Power BI

Скрінрідери

  • Power BI підтримує скрінрідери — інструменти, що озвучують текст на сторінці або «alt text» зображення для користувачів із вадами зору
  • Power BI дозволяє показати візуалізацію як таблицю, щоб легше перелічувати значення
  • Alt Text описує візуал і може бути статичним або ґрунтуватися на значенні поля
  • Гарячі клавіші обмежені, а скрінрідери читають не весь вміст

Налаштування alt text для скрінрідера.

Орієнтований на користувача дизайн у Power BI

Розумні описи

Приклад «smart narrative».

Орієнтований на користувача дизайн у Power BI

Наша аудиторія

  • Дослідницька організація, що вивчає тренди інфляції
  • Користувачі звіту можуть мати потреби з візуальної доступності
Орієнтований на користувача дизайн у Power BI

Давайте потренуємось!

Орієнтований на користувача дизайн у Power BI

Preparing Video For Download...