Курс Inclusive Web Design

Базові правила дизайну, які допомагають зробити інтерфейс зручним як для людей із порушеннями зору, так і для користувачів із нормальним зором.

Програма курсу

Особливості зору людини

• Будова ока.
• Хвороби, що впливають на зір. Причини втрати зору.
• Кількість людей із порушеннями зору.
• "Технічні" обмеження очей.

Дизайн-стандарти у сфері зору

• Історія стандартів у галузі доступності та зручності користування.
• Консорціум W3C і стандарт WCAG. Відмінності між версіями.
• Законодавство, яке стосується доступності, в різних країнах.
• Відомі дизайн-системи з акцентом на доступності.

Колірний контраст

• Вимоги до контрасту зображень і тексту.
• Наслідки недотримання принципів контрасту.
• Якість і налаштування монітора та контраст.
• Інструменти для аналізу колірної контрастності та добору палітри.

Розмір і відстань

• Закон Фіттса про відстань і ціль.
• Вимоги до розміру інтерактивних елементів та відстані між ними.
• Оптимальні розміри клік-зон.

Читабельність

• Шрифти в інтерфейсах.
• Читабельність шрифтів.
• Форматування текстових блоків.

Фронтенд й аудіосумісність

• Використання клавіатури для навігації веб-сторінкою.
• Особливості прослуховування сайтів.
• Екранні читачі на комп‘ютерах та мобільних пристроях.

Аудит і тестування доступності

• Планування дослідження.
• Онлайн-інструменти перевірки доступності.
• Тестування доступності з користувачами.

Міфи про доступний дизайн

• Якщо за всіма стандартами, то це некрасиво.
• Доступний дизайн робити складно.
• Доступний дизайн можна зробити "якось потім".

"Темний бік" WCAG 2.1

• Суперечливі вимоги до колірного контрасту.
• Дивні й застарілі приклади дизайну.
• Обережні рекомендації щодо шрифтів.

Викладачі курсу

• В'ячеслав Шестопалов - Design Manager в ELEKS
• Євген Шикірявий - Lead Experience Designer в ELEKS