Доступне онлайн-навчання: як створювати курси для різних потреб

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

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

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

Почніть із реальних умов навчання

Перед створенням матеріалів визначте, хто навчатиметься та в яких умовах.

Поставте собі запитання:

• якими пристроями користуватимуться студенти;

• чи матимуть вони стабільний інтернет;

• чи зможуть увімкнути звук;

• який у них рівень цифрових навичок;

• чи потрібне збільшення тексту;

• чи використовуватиме хтось клавіатуру або екранний читач;

• чи є в аудиторії люди, для яких мова курсу не є рідною;

• скільки часу студент може зберігати концентрацію;

• чи потрібні альтернативні формати матеріалів.

Не потрібно створювати окремий курс для кожної групи. Часто достатньо надати декілька способів отримання однакової інформації.

Побудуйте логічну структуру

Доступний курс має передбачувану послідовність. Студент повинен розуміти, де він перебуває, що вже завершив і яку дію потрібно виконати далі.

Використовуйте зрозумілу ієрархію:

1. Назва курсу.

2. Навчальні модулі.

3. Окремі уроки.

4. Практичні завдання.

5. Підсумкове оцінювання.

6. Завершення та наступний крок.

Не створюйте декілька різних маршрутів без пояснення. Якщо порядок проходження обов'язковий, покажіть це в інтерфейсі та вступному уроці.

Назви модулів мають описувати результат. Замість «Модуль 3» краще написати «Створення першого проєкту». Студенту буде простіше орієнтуватися й повертатися до потрібної теми.

Використовуйте зрозумілу мову

Складний текст може бути таким самим бар'єром, як незручна навігація.

Пишіть короткими реченнями та розділяйте довгі інструкції на послідовні кроки. Один абзац повинен розкривати одну основну думку.

Пояснюйте:

• професійні терміни;

• абревіатури;

• незнайомі назви;

• технічні команди;

• критерії виконання;

• очікуваний результат.

Використовуйте однакові слова для однакових дій. Якщо в одному уроці кнопка називається «Надіслати», не називайте її «Завантажити результат» в іншому поясненні.

Важливу інформацію розміщуйте перед додатковими деталями. Студент повинен спочатку побачити, що потрібно зробити, а потім — пояснення та приклади.

Використовуйте змістовні заголовки

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

Заголовок має описувати зміст блоку. Назви «Важливо», «Інформація» або «Докладніше» не пояснюють, що саме знаходиться в розділі.

Краще використовувати конкретні формулювання:

• «Як виконати практичне завдання»;

• «Критерії оцінювання»;

• «Типові помилки»;

• «Що зробити після уроку»;

• «Матеріали для завантаження».

Не використовуйте збільшений або жирний текст замість справжньої структури заголовків.

Додавайте змістовний ALT-текст

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

Не обмежуйтеся фразами «фотографія», «картинка» або «зображення графіка». Поясніть, яку важливу інформацію містить візуал.

Наприклад, замість «Графік продажів» краще написати: «Продажі зросли з 40 до 65 замовлень протягом трьох місяців».

Для скриншота інтерфейсу опишіть потрібну дію: «Кнопка “Створити курс” розташована у правому верхньому куті сторінки».

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

Не передавайте зміст лише кольором

Позначення зеленим і червоним може бути незрозумілим для частини користувачів. Додайте текст, піктограму або інше пояснення.

Наприклад:

• зелений колір і напис «Виконано»;

• червоний колір і напис «Потрібно виправити»;

• піктограма попередження та коротке повідомлення;

• колірна лінія разом із числовим значенням.

Контраст між текстом і фоном має бути достатнім для комфортного читання. Особливо уважно перевіряйте світло-сірий текст, кольорові кнопки та написи поверх фотографій.

Дозвольте збільшувати текст

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

Перевірте урок зі збільшенням до 200%. Зверніть увагу на:

• меню;

• заголовки;

• текстові блоки;

• таблиці;

• форми;

• кнопки;

• повідомлення про помилки;

• вікна тестів;

• субтитри.

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

Додайте субтитри до відео

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

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

Переконайтеся, що субтитри:

• синхронізовані з мовленням;

• не закривають важливі елементи;

• мають достатній контраст;

• розділені на зручні для читання фрагменти;

• правильно передають терміни;

• містять потрібну пунктуацію.

Якщо викладач демонструє роботу на екрані, він має проговорювати дії словами: «Відкриваю розділ “Навчання” та натискаю кнопку “Додати матеріал”».

Фрази «натисніть сюди» або «подивіться на цей пункт» недостатньо точні.

Додавайте транскрипт або конспект

Транскрипт дозволяє прочитати зміст відео, знайти конкретне пояснення та повторити матеріал без звуку.

Для довгого відео додайте:

• текстову версію;

• короткий конспект;

• часові позначки;

• назви тематичних розділів;

• посилання на додаткові матеріали;

• основні висновки.

Транскрипт не повинен бути суцільним неструктурованим текстом. Розділіть його на абзаци, додайте імена учасників розмови та позначте важливі переходи.

Зробіть аудіоматеріали доступними

До подкасту, інтерв'ю або аудіоуроку також потрібна текстова альтернатива.

Якщо матеріал містить складну схему, таблицю або демонстрацію, одного аудіоопису може бути недостатньо. Додайте окрему текстову інструкцію або доступний документ.

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

Створіть передбачувану навігацію

Кнопки з однаковою функцією повинні мати однакові назви й розташування. Студент не повинен щоразу вивчати нову логіку переходу.

Використовуйте зрозумілі написи:

• «Продовжити урок»;

• «Повернутися до модуля»;

• «Надіслати завдання»;

• «Повторити тест»;

• «Завантажити матеріал»;

• «Звернутися до підтримки».

Уникайте кнопок «Тут», «Далі» або «Відкрити», якщо з контексту незрозуміло, куди вони ведуть.

Показуйте активний розділ, прогрес і наступну рекомендовану дію.

Перевірте керування з клавіатури

Основний маршрут курсу повинен працювати без точних рухів мишкою.

Перевірте, чи можна за допомогою клавіатури:

• увійти до курсу;

• відкрити модуль;

• перейти між уроками;

• запустити й зупинити відео;

• увімкнути субтитри;

• заповнити форму;

• пройти тест;

• надіслати завдання;

• відкрити довідку;

• звернутися до підтримки.

Користувач повинен бачити, який елемент зараз активний. Порядок переходу між кнопками та полями має відповідати логіці сторінки.

Правильно оформлюйте посилання

Текст посилання має пояснювати, що відкриється після натискання.

Замість «Натисніть тут» використовуйте:

• «Завантажити інструкцію у форматі PDF»;

• «Переглянути запис вебінару»;

• «Відкрити критерії оцінювання»;

• «Перейти до практичного завдання».

Не створюйте декілька посилань з однаковою назвою, якщо вони ведуть до різних матеріалів.

Зробіть форми зрозумілими

Кожне поле повинно мати видиму назву та коротке пояснення, якщо формат відповіді неочевидний.

Повідомлення про помилку має пояснювати:

1. У якому полі виникла проблема.

2. Що саме введено неправильно.

3. Як це виправити.

Фраза «Помилка введення» не допомагає користувачу. Краще написати: «Введіть адресу електронної пошти у форматі name@example.com».

Зменшуйте когнітивне навантаження

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

Один урок має відповідати на конкретне запитання або вести до однієї зрозумілої дії.

Допомагають:

• короткі абзаци;

• послідовні кроки;

• повторювана структура уроків;

• приклади;

• візуальне виділення головного;

• короткі підсумки;

• зрозумілий час проходження;

• можливість зробити паузу;

• відсутність зайвої анімації;

• передбачувані дедлайни.

Не змушуйте студента одночасно вивчати нову тему, запам'ятовувати правила навігації та шукати приховану інструкцію.

Адаптуйте оцінювання

Метод перевірки має відповідати результату навчання. Якщо швидкість не є частиною навички, не встановлюйте надто коротке обмеження часу.

Перед тестом або завданням повідомте:

• кількість запитань;

• орієнтовний час;

• прохідний бал;

• кількість спроб;

• критерії оцінювання;

• доступні формати відповіді;

• спосіб отримання допомоги.

За можливості запропонуйте альтернативний формат, який перевіряє ту саму компетенцію. Наприклад, студент може подати текстовий документ замість відеозапису, якщо вміння виступати перед камерою не є метою завдання.

Альтернатива не повинна спрощувати навчальний результат — вона лише змінює спосіб його демонстрації.

Не використовуйте неочікувані обмеження часу

Якщо тест автоматично завершується, попередьте студента до початку. Покажіть залишок часу та дайте можливість запросити додатковий час, коли це не суперечить меті оцінювання.

Зберігайте проміжні відповіді. Втрата всієї роботи через розрив інтернет-з'єднання створює зайвий бар'єр.

Перевірте мобільну версію

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

Зі смартфона потрібно протестувати:

• вхід;

• навігацію;

• перегляд відео;

• субтитри;

• читання документів;

• проходження тесту;

• завантаження файлу;

• надсилання завдання;

• звернення до підтримки.

Кнопки мають бути достатньо великими, текст — читабельним, а важливі елементи — доступними без складних жестів.

Надайте декілька способів отримати підтримку

Студент повинен знати, куди звернутися, якщо матеріал або функція недоступні.

Додайте:

• форму звернення;

• електронну пошту;

• чат;

• зрозумілий час відповіді;

• можливість описати конкретний бар'єр;

• запит альтернативного матеріалу.

Не вимагайте від користувача знати назву технології або медичний термін. Достатньо, щоб він пояснив, яку дію не може виконати.

Проведіть практичне тестування

Автоматичний аудит допомагає знайти частину технічних помилок, але не показує повний досвід студента.

Перевірте один урок у різних умовах:

1. Пройдіть його лише з клавіатури.

2. Збільште масштаб сторінки до 200%.

3. Вимкніть звук у відео.

4. Вимкніть зображення та прочитайте ALT-тексти.

5. Увімкніть висококонтрастний режим.

6. Відкрийте урок зі смартфона.

7. Перевірте сторінку за повільного інтернету.

8. Пройдіть тест без використання миші.

9. Спробуйте знайти підтримку.

10. Перевірте матеріал за допомогою екранного читача.

Залучайте до тестування людей із різними потребами. Вони можуть помітити бар'єри, які не бачить автор або автоматичний інструмент.

Створіть план поступових покращень

Якщо курс уже опубліковано й містить багато матеріалів, не обов'язково виправляти все одночасно.

Почніть із критичного маршруту:

• реєстрації;

• входу;

• вступного уроку;

• основних навчальних матеріалів;

• обов'язкових тестів;

• практичних завдань;

• отримання сертифіката;

• звернення до підтримки.

Після цього переходьте до додаткових матеріалів, архівних записів і другорядних сторінок.

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

Як WeStudy допомагає організувати доступне навчання

У WeStudy можна поєднувати текст, відео, документи, презентації, тести, завдання та вебінари в послідовному навчальному маршруті.

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

Доступність не знижує складність курсу. Вона усуває перешкоди, які не пов'язані з навчальною метою, і дозволяє більшій кількості студентів показати реальний результат.

Відкрийте один готовий урок без звуку, збільште масштаб до 200% і пройдіть його лише з клавіатури — кожен знайдений бар'єр перетворіть на конкретне покращення.