masterclass-insights
Проектиране на достъпно съдържание за всички учащи се
Table of Contents
Защо въпроси, свързани с достъпа до Masterclass Design
Над 1 млрд. души по света изпитват някаква форма на увреждане, варираща от зрителни и слухови увреждания до когнитивни и моторни ограничения. Когато съдържанието е достъпно, тези учащи се се се сблъскват със значителни пречки пред участието, ангажираността и успеха. Достъпността в мастер клас дизайна се движи отвъд простото правно спазване на стандартите като американците със Закон за уврежданията или Насоките за достъп до съдържание на уеб съдържание; тя въплъщава ангажимент към наклонност, справедливост и зачитане на разнообразните потребности от обучение. Достъпността в мастеркласа също подобрява опита от учене за всеки. Капсите помагат на ненародни говорители и учащи се в шумни среди. Ясното, добре структурирано съдържание помага на всички потребители да се ориентират и да запазят по-ефективно информацията.
"Достъпността не е последваща мисъл; това е принцип на дизайна, който подобрява използваемостта за всеки ученик."
В конкурентния пейзаж на онлайн образованието майсторските класове, които пренебрегват риска за достъпност, отчуждавайки значителна част от потенциалните студенти. Освен това институциите, които приемат включването, често виждат по-високи нива на записване, по-добро удовлетворение на ученето и по-силна лоялност на марката. Достъпността също така се съгласува с принципите на Универсалния дизайн за обучение (UDL), които се застъпват за множество средства за представителство, изразяване и ангажираност. Дизайнът с UDL в ума гарантира, че всеки ученик може да избере пътя, който работи най-добре за своите уникални способности и предпочитания.
Основни принципи на достъпното съдържание на майсторския клас
Насоките за достъп до съдържание на уеб съдържание (WCAG) предоставят глобално приета рамка, организирана около четири основни принципа, често запомнена със съкращението POUR:
Персивируемо
Това означава предоставяне на текстови алтернативи за нетекстово съдържание, като изображения, карти и аудио. Например, всички визуализации трябва да включват описателен алт текст. Видеото съдържание трябва да включва синхронизирани надписи и пълен запис. Аудио-само съдържание изисква писмена версия. Уверете се, че съдържанието е адаптивно: потребителите трябва да могат да преоразмеряват текст, настройват цветовете, и все още достъп до информацията. Цветът никога не трябва да бъде единственият метод за предаване на смисъла; използва модели, етикети, или форми като архивиране.
Неизбежен
Потребителски интерфейс компоненти и навигация трябва да функционира за всички потребители. Това включва пълна клавиатура операбилност . Всеки бутон, връзка, форма поле, и интерактивен елемент трябва да бъде достъпен и активиран с помощта само на клавиатура. Избягвайте клавиатура капани, където фокуса се заби. Осигурете достатъчно време за учащите да четат и взаимодействат със съдържание; избягвайте автоматично-рекламиране слайдове или тайминг вицове без механизъм за удължаване или пауза. Задействане на завихряне, като мигащи светлини или бързо движещи се анимации, трябва да бъдат избегнати или ясно предупредени за. Навигацията трябва да бъде последователна и предсказуема в целия майстор клас.
Разбираемо е.
Уточняване на технически термини или жаргон, когато те са неизбежни. Инструкциите и съобщенията за грешка трябва да бъдат кратки и полезни. Входните механизми, като форми или викторини, трябва да имат ясни етикети и инструкции. Последователност в оформлението, терминологията и моделите на взаимодействие помага на учащите се с когнитивни увреждания да изградят увереност и намалява объркването. Уверете се, че страниците и заглавията на разделите са описателни, така че потребителите бързо да могат да схванат структурата.
Здрав
Съдържание трябва да бъде съвместимо с текущите и бъдещите помощни технологии, включително екранни четец, екранни увеличители, софтуер за разпознаване на глас и алтернативни входни устройства. Използвайте семантични HTML правилно: заглавия ( чрез ), списъци и забележителности (като , , ) трябва да предават смисъл, а не само визуално стилизиране. Уверете се, че потребителските джаджи и интерактивни елементи (като акордеони или таб панели) имат подходящи роли, състояния и свойства, достъпни чрез достъпност API. Тест с множество помощни инструменти и браузъри, за да се потвърди съвместимостта.
Изискванията за ниво ААА, като например удължени срокове или тълкуване на езика на жестовете, могат да се прилагат, когато е възможно и уместно.
Практични стъпки за проектиране на достъпни майсторски класове
1. Използвайте ясен и прост език
Напиши директно и кратко. Избягвай ненужна сложност, многокласови изречения и идиоми, които не могат да се превеждат добре. При представянето на нов речник, включва речник или изскачане дефиниции. Този подход подкрепя учащите с когнитивни увреждания, езикови бариери, или ограничени предварителни познания. Инструменти за четене като нивото на Флешо Кинкейд може да ви помогне да измерите сложността на изречението.
2. Осигурете множество начини за сгодяване
Предлагат съдържание в различни формати, за да се погрижат за различни стилове на обучение и нужди за достъпност. За всяка основна тема, представете:
- Видео лекция с надписи и запис за сваляне
- Audio-единствената версия (напр. подкаст формат) на същата лекция
- Резюме на текста или написана статия, която обхваща ключовите точки
- Визуални резюмета като диаграми, инфографика или карта на ума, всички с описателен алт текст
Позволете на учащите се да изберат формат, който най-добре отговаря на техните предпочитания и обстоятелства. Тази гъвкавост облагодетелства всеки, от студент с ниска визия, който предпочита голям печат запис на родител, който слуша аудиото, докато пътува.
3. Уверете се, че клавиатурата и спомагателните технологии съвместимост
Тествайте всеки интерактивен елемент от вашия майсторски клас, използвайки само клавиатура. Tab чрез форми, разбира навигация, викторини и проследяващи устройства за прогрес. Проверете дали всички функции са достъпни и че потребителят може ясно да види фокус индикатори. Използвайте семантичен HTML колкото е възможно; персонализирани JavaScript компоненти трябва да следват практики на авторство ARIA. Избягвайте разчита на драг и капковане взаимодействия, освен ако не съществува алтернативен метод клавиатура, достъпни за достъп (напр., изберете* от list бутони). Партньор с потребители на екрана по време на тестването за разкриване на скрити въпроси.
4. Добавяне на надписи, текстови надписи и аудио описания
Всички видео съдържание трябва да включва точни, синхронизирани надписи. Капитани не само служат глухи и трудно да се слушат учащи, но също така и помощ за тези със слухови нарушения обработка, не гонативни говорители, и хора, които гледат в звукочувствителни среди. Представете пълна транскрипция на видеото, която включва описания на важни визуални елементи (чартове, демонстрации, екранни акции). За видеоклипове, където визуална информация е критична, помислете за добавяне на аудио описание гон. Наррация, която описва на екрана действия, текст, и контекст.
5. Използвайте цветовете с висок контраст и четима типография
Изберете цветови комбинации, които отговарят на минимално контрастно съотношение от 4.5:1 за нормален текст и 3:1 за голям текст (18pt или 14pt bold). Използвайте инструмент за контрол на контраста като Колородно контрастно устройство на WebAIM за валидиране на Вашата палитра. Избягвайте ниско-контрастни дуота като светло сиво на бяло или червено на зелено. Изберете шрифтове sans-serif с добра четливост (напр., Ариал, Verdana, Open Sans). Задайте основен шрифт с размер най-малко 16px за текст на тялото и позволете на потребителите да преоразмерят текст до 200% без загуба на съдържание или функция. Разстоянието на линия (водене) трябва да бъде най-малко 1.5 пъти по размер на шрифта, и параграф разстояние трябва да бъде ясно.
6. Структура съдържание с ясни заглавия и списъци
Използвайте нива на заглавие ([, , ) в логическа йерархия. Не пропускайте нива . не трябва да се следват директно от . Прекъсвайте дълги параграфи в по-къси. Използвайте неподредени списъци за елементи без конкретна поръчка, и поръчани списъци за стъпка . Тази структура помага на потребителите на екрана да навигират и да оближат съдържанието бързо. Тя също така помага на наблюдаваните потребители, които сканират за ключова информация. Осигурете описателни позиции, които обобщават следното съдържание, а не само генерични фрази като . Интро детайли.
7. Design Forms and Quizes for Accessibility
Всяко поле на форма трябва да има ясен, видим етикет, който е програмно свързан с помощта на елемента . Съобщенията за грешка трябва да бъдат специфични и да се появяват в близост до полето в грешка. Представете инструкции за сложни входни данни, като например изисквания за дати или парола. Уверете се, че въпросите викторина са четени от читателите на екрана гонитба . Избягвайте разчита само на изображения или цветове, за да предаде въпроса. Оферта алтернативни методи за оценка, когато е възможно (напр., short . отговор въпроси като алтернатива на времето многократно . Тествайте всички интерактивни оценки с четец на екрана и клавиатура само.
8. Тест с реални потребители и помощни технологии
Автоматизирани инструменти за тестване, като например WAVE или ]axe[ разширение на браузъра, може да улови много общи въпроси, но те не могат да открият всички бариери. Провеждането на ръчно тестване с екрани като NVDA (Windows) или VoiceOver (макос/iOS). Тест с клавиатура навигация, с браузър увеличение на 200%, и с висок контрастен режим, активиран. Най-ефективното изпитване включва ангажиране на обучаващите се с увреждания, за да се оцени вашия майсторски клас. Тяхната директна обратна връзка ще разкрие реални проблеми, които автоматизираните инструменти пропускат.
9. Осигурете гъвкавост време и възможности за взаимодействие
Избягвайте строги срокове за попълване на модули или викторини. Ако трябва да използвате таймери, да позволите на учащите да поискат повече време или да изключат таймера. За интерактивни елементи като плъзгане и пускане, жест-базирани контроли (шпип, щипка), или мишка-независими действия, да предоставите клавиатура-достъпни алтернативи. Позволете на учащите да спрат, превъртат и да преразгледат съдържанието си във всеки един момент. Спестете автоматично прогрес, така че прекъсването на сесията да не причинява загуба на работа.
10. Уверете се, че responsive и Mobile годежен дизайн
Много учащи имат достъп до майсторски класове на смартфони, таблети или помощни устройства. Уверете се, че всички интерактивни елементи мащабира по подходящ начин на различни размери на екрана. Осигурете сензорни цели от най-малко 44x44 пиксела за бутони и връзки. Избягвайте хоризонтално превъртане. Използвайте относителни единици (ем, рем, %) за текст и разстояние, за да позволите на потребителите да настроят размера на текста, без да се нарушава оформлението. Тествайте майсторския клас на гама от устройства и помощни настройки.
Инструменти и ресурси за поддръжка на достъпен дизайн
Много безплатни и платени инструменти могат да ви помогнат да оцените и подобрите достъпността на съдържанието на вашия майсторски клас.
- WAVE Web Accessibility Evaluation Tool . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- e Сканиране за достъпност . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- WebAIM Color Contrast Checker . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- Уеб насоки за достъп до съдържание (WCAG) 2.2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- TPG Colour Contrast Analyser . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- NVDA Screen Reader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- Мак и IOS Характеристики за достъп . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- W3C Web Accessibility Tutorials . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
- Udacity . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Автоматизираните проверки трябва да се извършват рано и често; ръчното изпитване трябва да се извършва на големи етапи преди стартирането.
Предимства на достъпно съдържание Masterclass
Инвестирането в достъпността дава широк спектър от възвръщаемост както на количествените, така и на качествените:
- Widder Reach and Expected Enrollment: Достъпен майсторски клас се обръща към милиони учащи се с увреждания, възрастни и такива с временни увреждания (напр. счупена ръка). Разширяването на аудиторията директно увеличава потенциалните приходи и въздействие.
- Подобрения на достъпа често водят до по-бързо изпълнение на задачите, до по-ниски нива на грешки и до по-високи резултати от удовлетворението.
- Правното спазване и намаляване на риска:[ Закони като Закона за американците с увреждания, Европейския закон за достъп и раздел 508 от Закона за рехабилитацията изискват равен достъп. Проактивното спазване намалява риска от скъпи съдебни дела, жалби и регулаторни санкции.
- Засилени резултати от обучението: Характеристики като надписи, преписи и алтернативни формати подкрепят разнообразни когнитивни стилове обработка.Изследванията показват, че надписите подобряват разбирането и задържането на всички ученици, а не само тези със загуба на слуха. Добре структурираното съдържание помага на учащите се да организират и да си припомнят информацията по-ефективно.
- Позитивна марка Репутация и диференциация:[ Демонстрируем ангажимент към наклонността сигнали, че вашата организация цени разнообразието.Това може да засили лоялността на марката, да привлече партньорства, и да създаде положителни думи на ultural пазар, достъпност може да бъде ключов differentiator.
- По-добра ефективност на търсачката: Текстови алтернативи, транскрипции и добре структуриран HTML подобряват вашите съдържание търсачки откриваемост с търсачки. Много достъпни практики (описания, алт текст, изчистване на маркирания) също така засилват SEO, шофирането на органичен трафик.
- Изгубени Спестявания и бъдещи проекти:[ Ретрофиксирането на недостъпен продукт след пускането на пазара е много по-скъпо от изграждането на достъпност в началото. Достъпният код обикновено е по-поддържащ, модулен и съвместим с нововъзникващите технологии.
- Голямото обучение сгодяване и задържане: Когато учащите могат да взаимодействат със съдържание по начина, по който работи най-добре за тях, те са по-склонни да останат мотивирани и да завършат курса. Намаленото чувство на неудовлетвореност води до по-ниски нива на отпадане и по-силни относителни думи на устата.
Достъпността не е еднократно елемент контролен лист; тя е постоянна практика, която се развива с технологии, насоки и потребителски нужди. Редовно се преразгледат съдържанието на вашия майстор клас, за да се включат обратна връзка и да се справят с нови бариери. Чрез включване на достъпност в дизайн философията си, създавате учебна среда, където всеки студент може да процъфтява.