Transcript אילנה בניש - נגישות באינטרנט מנקודת מבטם של אנשים עם מוגבלות

‫נגישות באינטרנט מנקודת מבטם‬
‫של אנשים עם מוגבלות‬
‫אילנה בניש‬
‫אחראית תחום נגישות באינטרנט‬
‫נגישות ישראל‬
‫‪www.aisrael.org‬‬
‫אתר נגיש‬
‫תבונה עסקית ומחויבות חברתית‬
‫‪www.nagish.org.il‬‬
‫מורכבות הגלישה ברשת‬
‫האינטרנט‬
‫מודעות‬
‫הסדרה‬
‫עצמית‬
‫הטמעה‬
‫גולשים עם‬
‫מוגבלות‬
‫מחקר‬
‫ופיתוח‬
‫טכנולוגיות‬
‫מסייעות‬
‫חקיקה‪,‬‬
‫תקנות‬
‫ותקנים‬
‫טכנולוגיות מסייעות‬
‫בגלישה ברשת‬
‫מוגבלות מוטורית‬
‫•‬
‫•‬
‫•‬
‫עכברים ארגונומיים ותחליפי עכבר‬
‫תחליפי מקלדת‬
‫מערכות מיקוד מבט‬
‫לקויי ראייה ועיוורים‬
‫•‬
‫•‬
‫תוכנות הגדלה המשלבות הקראה והתאמת צבעי ניגודיות גבוהה‬
‫תוכנות קוראות מסך (וצגי ברייל)‬
‫מורכבות הגלישה ברשת‬
‫באמצעות תוכנות קוראות מסך‬
‫•‬
‫•‬
‫•‬
‫•‬
‫•‬
‫•‬
‫בעיית תאימות לדפדפנים מסוגים שונים‬
‫בעיית תאימות לאותו סוג דפדפן בגרסאות שונות‬
‫תוספים והרחבות פוגעות בחוויית הנגישות‬
‫שימוש בהרבה מאוד מקשי קיצור במקלדת‬
‫קורא מסך מספק אינפורמציה רבה שאינה מוצגת לגולש הרואה‬
‫הארכת משך הזמן לאיתור מידע וביצוע פעולה‬
‫כשאתר אינטרנט אינו נגיש‪ ,‬קורא המסך מספק מידע חלקי בלבד‬
‫שאינו מאפשר הבנה‪ ,‬התמצאות וביצוע פעולות‬
‫אתגרים וקשיים משותפים‬
‫של גולשים ברשת עם מוגבלות‬
‫•‬
‫•‬
‫•‬
‫לקויי ראייה ועיוורים‪ :‬שימוש בתוכנות קוראות מסך‬
‫לקויי שמיעה וראייה‪ :‬צורך בניגודיות גבוהה יותר‬
‫כולם‪ :‬קושי בשליטה במדיה מתנגנת אוטומטית‬
‫משתמשי מקלדת רואים ועיוורים‬
‫•‬
‫•‬
‫מפעילים הרבה מאוד מקשי קיצור במקלדת‬
‫אותם קשיי נגישות הקשורים בניווט ותפעול באמצעות המקלדת‬
‫סרטון‪ :‬מאתר גלובס‬
‫חוויית שימוש מתסכלת‬
‫בעת ניווט באמצעות המקלדת הפוקוס נתקע‬
‫מבלי לראות קשה להבין את התוכן באמצעות קורא מסך בלבד‬
‫סרטון‪YNET :‬‬
‫בעיית איתור תוכן באמצעות קורא מסך‬
‫בדפים רבים באתר אין כותרות‪ ,‬תוכנה קוראת מסך לא מצליחה לזהות משמעות‬
‫לוגית בסדר הדברים‬
‫מודל בדיקות נגישות‬
‫מדגמיות של חוויית‬
‫משתמשים עם מוגבלות‬
‫רקע ונתונים‬
‫•‬
‫‪ 54%‬בקרב אנשים עם מוגבלות גולשים ברשת בהשוואה ל ‪81%‬‬
‫באוכלוסייה הכללית‬
‫•‬
‫ככל שחומרת המוגבלות קשה יותר כך גדל הקושי לגלוש‬
‫•‬
‫לקויי ראייה ועיוורים מהווים כ ‪ 80‬אחוז בקרב המתקשים בגלישה‬
‫•‬
‫קיומם של תקנים הובילו לפיתוחם של כלים אוטומטיים לבדיקות‬
‫נגישות בדפי אינטרנט‬
‫•‬
‫ואולם‪ ,‬במקרים רבים נמצא‪ ,‬שכלים אלה אינם מהימנים ואינם‬
‫משקפים את חוויית הנגישות בפועל‪.‬‬
‫•‬
‫לכן נוצר הצורך בפיתוח מחוון לבדיקה איכותית של חוויית‬
‫משתמשים עם מוגבלות‬
‫בדיקות אוטומטיות‬
‫יתרונות‬
‫• סריקת אתרים שלמים‬
‫• עלויות נמוכות‬
‫• הפניות התוצאות לסעיפים רלוונטיים בתקן ‪Wcag 2.0‬‬
‫חסרונות‬
‫• תוצאות כלליות מידי‬
‫• קושי בהבנת הדוחות‬
‫• התוצאות כוללות התייחסות לרכיבים שאינם קשורים לנגישות‬
‫• התוצאות לא משקפות בהכרח את חוויית הנגישות בעת הגלישה‬
‫בדיקות נגישות‬
‫של חוויית משתמשים עם מוגבלות‬
‫הרציונל‬
‫• בדיקה איכותנית המבוססת על החוויה האישית בגלישה ברשת‬
‫• עבודת צוות‪ :‬עיוור מול רואה עם מוגבלות מוטורית ‪ /‬חושית אחרת‬
‫• שותפות‪ :‬דיון בקשיי הנגישות‪ ,‬גיבוש החלטות והפקת דוחות‬
‫• יצירת מחוון מייצג המבוסס על הנחיות ה ‪.Wcag 2.0‬‬
‫הבודקים‪:‬‬
‫• אנשים עם מוגבלות‪ ,‬בעלי רקע וניסיון בתחום האינטרנט‬
‫• נעזרים בטכנולוגיות מסייעות בגלישה ברשת האינטרנט‪.‬‬
‫• הוכשרו להיכרות עם תקן ‪ Wcag 2.0‬וביצוע בדיקות הנגישות‬
‫נגישות באינטרנט‬
‫הלכה למעשה‬
‫כללים חשובים בנגישות אתרי‬
‫אינטרנט‬
‫•‬
‫•‬
‫•‬
‫•‬
‫תפיסה‪ :‬כל הרכיבים באתר צריכים לקבל טקסט חליפי לתמונות‬
‫וכפתורי פעולה‪ ,‬תגיות כותרת ‪ ,H‬תוויות ‪ Labile‬לשדות טפסים‪,‬‬
‫כותרות ‪ TH‬לטבלאות‪ ,‬שימוש בתגי ‪ HTML5‬לארגון נכון של הדף‬
‫תפעוליות‪ :‬הניווט באמצעות המקלדת באתר חייב להיות לוגי‬
‫בהתאם למבנה האתר ובאופן שלא יגיע למבוי סתום מבלי שלא‬
‫תהייה אפשרות להמשיך קדימה או לחזור אחורה‪ .‬שליטה על‬
‫כפתורי פעולה באתר בכלל ובמדיה מתנגנת אוטומטית או כזו‬
‫המוצעת לשמיעה ‪ /‬צפייה‬
‫נהירות‪ :‬סימון ברור לקישורים כך שקריאתם לא תחייב קריאה של‬
‫כל הטקסט מסביב; ניגודיות בין צבע טקסט לרקע של ‪1:4.5‬‬
‫לפחות‬
‫יציבות טכנולוגית‪ :‬מניעת שגיאות תפעוליות ומתן משוב ועזרה‬
‫בעת הצורך‬
‫כללים חשובים‬
‫בעיצוב ממשקי משתמש‬
‫•‬
‫•‬
‫•‬
‫•‬
‫•‬
‫עקביות בכל רכיבי ממשק המשתמש‬
‫דיאלוג פשוט וטבעי‬
‫תקשורת בשפת המשתמש‬
‫משוב עזרה ותמיכה‬
‫יציאה ברורה ממצבים עמומים‬
‫כללים בארגון המרחבי‬
‫• אחידות המיקום‬
‫• אחידות העיצוב‬
‫• ארגון בגושים‬
‫;‪Dilon, 2002; Jonassen, 1999; Lewis et al.,1989; Nielsen, 1993‬‬
‫‪Opperman, 2002‬‬
‫סרטון‪ :‬חוויית נגישות טובה מאוד‬
‫מידע אודות תוכנת ‪USB Copy Protection‬‬
‫סימול והטמעת נגישות‬
‫באתרי אינטרנט‬
‫•‬
‫•‬
‫•‬
‫•‬
‫הצהרת נגישות שתהא בבחינת גילוי נאות עבור אנשים עם‬
‫מוגבלות בנוגע לרמת הנגישות באתר האינטרנט‪.‬‬
‫מתן מידע אודות הסדרי נגישות פיזיים ונגישות השירות בארגון‬
‫רישום אתר אינטרנט במאגר הישראלי לאתרי אינטרנט נגישים של‬
‫עמותת נגישות ישראל בכדי להגביר את המודעות ולאפשר איתור‬
‫מהיר של אתרים נגישים‬
‫הטמעת סמל תו אתר נגיש המהווה הצהרת נגישות‬
‫נגישות באינטרנט‬
‫כמנוף לצמיחה‬
‫חינוך‬
‫והשכלה‬
‫איכות חיים‬
‫טובה יותר‬
‫תעסוקה‬
‫נגישות‬
‫באינטרנט‬
‫הקלה‬
‫בצריכת‬
‫ידע‬
‫ושירותים‬
‫קיום‬
‫ושמירת‬
‫קשרים‬
‫חברתיים‬