Як стандарти доступності можуть поліпшити візуальне оформлення діаграм

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

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

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

🚀 Люди з візуальними порушеннями стикаються з проблемами при використанні візуалізацій. Зокрема, приблизно 300 мільйонів людей у світі мають проблеми з кольоровим зором, і це стан, який вражає 1 з 12 чоловіків. Більшість людей з цими станами не використовують допоміжні технології при перегляді даних. Тому візуальний дизайн діаграми повинен відповідати їх потребам.

💡 Веб-стандарти можуть допомогти нам вдосконалити наш дизайн. У цьому випадку, керівництво з доступності вмісту веб-сайту (WCAG) надасть найбільш повний набір вимог для початку. Керівництво вимагає двох врахувань. По-перше, всі кольори повинні досягати належного співвідношення контрасту з їх сусідніми елементами. По-друге, візуалізації потребують використання чогось іншого, крім кольору, для передачі значення. Це можна здійснити, включивши друге кодування або додавши текст, зображення, значки або візерунки.

• 📌 Доступність для візуалізації даних значно перевищує веб-стандарти
• 📌 Візуалізації даних - це графіки, які використовують нашу зорову систему
• 📌 WCAG стандарти допомагають вдосконалити дизайн
• 📌 Важливо враховувати потреби людей з візуальними порушеннями