נגישות ב Moodle

מידע נוסף: נדב קבלרציק

יולי 2017

תחומי נגישות

Accessible Rich Internet  Applications - WAI-ARIA  Web Content Accessibility Guidelines - WCAG

תשתית / יישום

תוכן

קורס Moodle מלווה,
להדגמה והתנסות

ניווט מקלדת - אנשים עם מוגבלות מוטורית בידיים המתקשים בתפעול העכבר קיים - זה חלק ניכר מיכולות התוסף לזהות את הבלוקים באתר ולאפשר ניווט מקלדת.

התאמת האתר לעיוורים וליקויי ראיה המשתמשים בתוכנת "קורא מסך״. תוכנת הקראת מסך מתבייתת על הפוקוס של המקלדת / עכבר ולכן התוסף עוזר בהתאמה זו.

התאמה לעיוורי צבעים על ידי שינוי צבעים לחד-גונים.

התאמה לכבדי ראייה  (שחור/לב)  

חסימת הבהובים עבור חולי אפילפסיה על מנת למנוע ריצוד של אלמנטים  

הגדלת מיקוד מסך לסיוע למוגבלויות ראיה

התאמות נדרשות

עיוורון ו לקויות ראייה, חירשות ו כבדות שמיעה, לקויות למידה , מוגבלויות קוגניטיביות (תפיסתיות) , מוגבלות תנועה, מוגבלויות דיבור, רגישות לאור ושילובים של מוגבלויות אלה.

אתגרים (מוגבלויות?)

  • screen magnifiers, and other visual reading assistants, which are used by people with visual, perceptual, and physical print disabilities to change text font, size, spacing, color, synchronization with speech, etc. in order improve the visual readability of rendered text and images;

  • screen readers, which are used by people who are blind to read textual information through synthesized speech or Braille;

  • text-to-speech software, which is used by some people with cognitive, language, and learning disabilities to convert text into synthetic speech;

  • speech recognition software, which are used by some people who have some physical disabilities;

  • alternative keyboards, which are used by some people with physical disabilities to simulate the keyboard (including alternate keyboards that use head pointers, single switches, sip/puff, and other special input devices);

  • alternative pointing devices, which are used by some people with physical disabilities to simulate mouse pointing and button activations.

Accessibility Tools

האחר הוא אני

מוגבלות זמנית

רק יד אחת זמינה

רק יד אחת זמינה

לא מה שאתם חושבים

שוב, רק יד אחת פנויה

גם לסטודנטים יש יד אחת

מאתגר לקרוא בחדר חשוך

גישת ידים מוגבלת

גישה מאתגרת למחשבון האישי

מסך קטן, קשה לראות

רק מקשיבים

צופים בסרט הכולל כתוביות

בלי להפריע לשכנים

צופים בסרט הכולל כתוביות

בלי להפריע לשכנים

יד ימין לא זמינה בחודש הקרוב

מסך רחב, כתב קטן

בני המשפחה משתתפים ב MOOC

השמש מקשה בקריאה

קשיי ראיה

מכשירים חדשים

היכן משקפי הקריאה שלי?

ציוד קצה מיושן, קשה לשמוע

Info Graphics
Motor disabilities

Persona spectrum

וגם אתגרים
הכרתיים...

קשיי חשיבה ותפיסה

מִנְעָד אוטיסטי

הנחיות פשוטות וברורות, רשימות קצרות וצבעים פשוטים

קשיי למידה

מִנְעָד דיסלקטי

תצוגת נתונים ב גרפים, הוספת פס קול לתכנים ואפשרות התאמת ניגודיות

קשיי ראיה

כתב ברור, שימוש במלל+צלמיות+צבע ואכסון תכנים בתסדירים תקניים

משתמשי קורא־מסך

קישורים בעלי משמעות, מבנה מסמך מסודר ותאור תוכן התמונות

קשיי שמיעה

כלים להדמיה

של מגוון מצבי שימוש בפעילויות ותכנים

המצויים בקורס מקוון

ChromeVox

Universal Design

עיצוב (הוראה) אוניברסלי

עיצוב למידה מכוון ל"קצוות"

The Myth of Average: Todd Rose at TEDxSonomaCounty

עקרונות עיצוב אוניברסליים בהוראה

  • דרכי ייצוג רבות ומגוונות, על מנת לאפשר ללומדים דרכים שונות ללמוד ולרכוש ידע.
  • דרכי ביטוי מגוונות, על מנת לספק ללומדים דרכים שונות להציג את הידע שרכשו.
  • אמצעים שונים ליצירת מעורבות פעילה בלמידה (engagement)

מידע נוסף

עיצוב הוראה למידה אוניברסלי

תכלס,

קורס נגיש כאשר...

מערכת Moodle נחשבת נגישה כאשר...

* ניתן לנווט בתוכו בעזרת המקלדת

* ניתן לדלג בין אזורי תוכן, ללא מעבר דרכם

* קיימות תויות לשדות בטפסים והם ניתנים לניווט בעזרת המקלדת

* קיימת חלופה מילולית לכל תוכן שאינו מילולי

* ניגודיות הצבעים גבוהה

הסברים והבהרות לטופס הדרישות

תבנית לבחינת עמוד/מערכת מקוונת
קישור למסמך במשרד החינוך:
תאור טכני מורחב + דוגמאות

דגשים לקורס נגיש

(עוד) דגשים לנגישות

diagramcenter.org -
מתמטיקה, תמונות+תאור, ספרים דיגיטליים, ועוד...

כלים אוטומטיים

לבחינת רמת הנגישות של תוכן הקורס

דוחות נגישות

תוספים לדפדפן

בכל זאת,

נדרשת עדיין הקפדה ידנית

*  שילוב קובצי אופיס ו pdf נגישים
*  יצירה של קישורים בעלי תאור ברור
*  לא להשתמש בצבע בלבד להדגשה של תוכן חשוב
*  הזנת כותרת בהתאם להיררכיה עקבית
*  שימוש בטבלאות להצגת מידע ולא עימוד תוכן
*  הקפדה על הזנת תאור לתמונות
*  הוספת כתוביות לסרטים
*  להימנע משימוש בשאלות גרירה לא נגישות

דוגמאות לאתגרי נגישות בקורסים קיימים

No ALT tag

תאור קישור

אי הזנת כותרת יחידה

הזנה שגויה של סעיפים

הדגשה שגויה של כותרות/תוכן

דוח נגישות בקורס

Moodle core

Count = 221
(29 Critical 2 major)
27-11-2017

תחומים מרכזיים

*  ניווט מקלדת
*  טפסים
*  הזנת תכנים - עורך התוכן Atto
*  ממשק - ערכות עיצוב
*  התראות

ניווט מקלדת

עורך תוכן מעוצב
Atto

מולטימדיה

Multimedia

הדגמות...

עריכת טבלה

עריכת מולטימדיה

עריכת תמונות

ערכות עיצוב

טפסים

התראות

מבנה רכיבים בעמוד, צבעים, widgets

בדיקות תקינות הזנה, ניווט מקלדת, חיווי שגיאות

תצוגה מונגשת

תוספים

לשיפור יצירת תוכן נגיש

ארגז צעצועים - תמונה לקישוט

תוספים לעורך Atto

תוספים מבוססי תבניות תוכן

תוספים לניטור רמת נגישות בתוכן

תוספים - ערכות עיצוב מונגשות

תוספים - סרגל נגישות

User1st external button

DevLion A11y external plugin

תוספים - הקראת תוכן

רעיונות לתוספים...

יצירה של טפסיי הזנת תוכן מבוססיי Generico

הזנה אוטומטית של תאור תמונה - גוגל - בוצע!

המרת קוד התוסף בדיקת תוכן נגיש של העורך CKEDITOR כתוסף לעורך ATTO

Developer
tools

משאבים לצוות הפיתוח

כלים להדמית אתגרי נגישות

ChromeVox

Moodle & Accessibility

By Nadav Kavalerchik

Moodle & Accessibility

  • 2,993