Про курс
Навколо теми інклюзивного дизайну безліч стереотипів.
«Спочатку маркетинг, а вебдоступність зробимо потім».
Або ще: «Інклюзивність — піклування про людей з інвалідністю».
Чи ось таке: «Інклюзивний дизайн — це різновид доброчинності, якщо бізнес має зайві гроші».
Насправді ж інклюзивний дизайн — один із найдавніших принципів якісного дизайну, ідеї якого зародилися ще в середині минулого століття.
Інклюзивність — це універсальність і доступність для всіх людей. Чомусь так сталося, що ми краще розуміємо сутність інклюзивного дизайну у фізичному світі. Скажімо, є пандус: ним користуються всі, хоча початково його розробили для людей на візках. Але згодом він став у пригоді й велосипедисту, і літній пані з остеохондрозом, і молодій айтішниці, яка тягне валізу з подорожі.
Різноманітні «пандуси» існують і в інтернеті, але часто вони невидимі. На курсі ми будемо вчитися розрізняти й дизайнити функції, що допомагають сайтам і додаткам бути доступними для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна.
Програма курсу
-
Особливості зору людини
- — Будова ока.
- — Хвороби, що впливають на зір. Причини втрати зору.
- — Кількість людей із порушеннями зору.
- — «Технічні» обмеження очей.
-
Дизайн-стандарти у сфері зору
- — Історія стандартів у галузі доступності та зручності користування.
- — Консорціум W3C і стандарт WCAG. Відмінності між версіями.
- — Законодавство, яке стосується доступності, в різних країнах.
- — Відомі дизайн-системи з акцентом на доступності.
-
Колірний контраст
- — Вимоги до контрасту зображень і тексту.
- — Наслідки недотримання принципів контрасту.
- — Якість і налаштування монітора та контраст.
- — Інструменти для аналізу колірної контрастності та добору палітри.
-
Розмір і відстань
- — Закон Фіттса про відстань і ціль.
- — Вимоги до розміру інтерактивних елементів та відстані між ними.
- — Оптимальні розміри клік-зон.
-
Читабельність
- — Шрифти в інтерфейсах.
- — Читабельність шрифтів.
- — Форматування текстових блоків.
-
Фронтенд й аудіосумісність
- — Використання клавіатури для навігації веб-сторінкою.
- — Особливості прослуховування сайтів.
- — Екранні читачі на комп‘ютерах та мобільних пристроях.
-
Аудит і тестування доступності
- — Планування дослідження.
- — Онлайн-інструменти перевірки доступності.
- — Тестування доступності з користувачами.
-
Міфи про доступний дизайн
- — Якщо за всіма стандартами, то це некрасиво.
- — Доступний дизайн робити складно.
- — Доступний дизайн можна зробити «якось потім».
-
«Темний бік» WCAG 2.1
- — Суперечливі вимоги до колірного контрасту.
- — Дивні й застарілі приклади дизайну.
- — Обережні рекомендації щодо шрифтів.