Про курс
Навколо теми інклюзивного дизайну безліч стереотипів.
«Спочатку маркетинг, а вебдоступність зробимо потім».
Або ще: «Інклюзивність — піклування про людей з інвалідністю».
Чи ось таке: «Інклюзивний дизайн — це різновид доброчинності, якщо бізнес має зайві гроші».
Насправді ж інклюзивний дизайн — один із найдавніших принципів якісного дизайну, ідеї якого зародилися ще в середині минулого століття.
Інклюзивність — це універсальність і доступність для всіх людей. Чомусь так сталося, що ми краще розуміємо сутність інклюзивного дизайну у фізичному світі. Скажімо, є пандус: ним користуються всі, хоча початково його розробили для людей на візках. Але згодом він став у пригоді й велосипедисту, і літній пані з остеохондрозом, і молодій айтішниці, яка тягне валізу з подорожі.
Різноманітні «пандуси» існують і в інтернеті, але часто вони невидимі. На курсі ми будемо вчитися розрізняти й дизайнити функції, що допомагають сайтам і додаткам бути доступними для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна.



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