נגישות ב 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
Moodle Tracker
Count = 221
(29 Critical 2 major)
27-11-2017
תחומים מרכזיים
| * ניווט מקלדת |
| * טפסים |
| * הזנת תכנים - עורך התוכן Atto |
| * ממשק - ערכות עיצוב |
| * התראות |
ניווט מקלדת
עורך תוכן מעוצב
Atto
מולטימדיה
Multimedia
הדגמות...
עריכת טבלה
עריכת מולטימדיה
עריכת תמונות
ערכות עיצוב
טפסים
התראות
מבנה רכיבים בעמוד, צבעים, widgets
בדיקות תקינות הזנה, ניווט מקלדת, חיווי שגיאות
תצוגה מונגשת
תוספים
לשיפור יצירת תוכן נגיש
תוספים לעורך Atto
תוספים מבוססי תבניות תוכן
וגם פורום נגיש
תוספים לניטור רמת נגישות בתוכן
תוספים - ערכות עיצוב מונגשות
תוספים - סרגל נגישות
User1st external button
DevLion A11y external plugin
תוספים - הקראת תוכן
רעיונות לתוספים...
עורך Atto - בחירת צבע מבוססת צבע קיים
יצירה של טפסיי הזנת תוכן מבוססיי Generico
הזנה אוטומטית של תאור תמונה - גוגל - בוצע!
המרת קוד התוסף בדיקת תוכן נגיש של העורך CKEDITOR כתוסף לעורך ATTO
Developer
tools
משאבים לצוות הפיתוח
כלים להדמית אתגרי נגישות
ChromeVox