נגישות לאינטרנט הלכה למעשה

2. נגישות לאינטרנט הלכה למעשה | גילה גרטל | יועצת נגישות לאינטרנט |

3. כללי הנגישות 3 1 מבוא • מהי נגישות לאינטרנט? • מיהם המשתמשים? • כמה משתמשים? • אז מה עושים? • מהו אתר נגיש? • מה נעשה בעולם? • מה נעשה בארץ? • מדוע להנגיש? • תפיסה • הפעלה • הבנה • עזרים טכנולוגיים הנגשה בשטח 4 גבי שלוסר הנגשת אתר בנק הפועלים • תהליך • תוצאות • תועלות 2 זהירות מחסומים משה דרשן • כיצד גולש עיוור גולש באינטרנט? • מהן הבעיות בהם הוא נתקל? 5 תהליך הנגשה על מה נדבר היום....

4. אינטרנט... כל העולם בלחיצת אצבע ! חדשות | מידע שימושי | קניות | שירותים | יחסים | לימודים | תרבות ובילוי ומה אם אין לך אצבע ? מחסומים וירטואלים = אי שיווין ודחיקה לשולי החברה

5. ולפני שנתחיל... תרגיל נסו לחייג את מספר הטלפון 054-6610065. במקום להשתמש באצבעות, השתמשו במרפק.

6. מבוא:משתמשים בעלי מוגבלויות ראיה– עיוורים, כבדי ראיה, עיוורי צבעים מוטוריקה– אי יכולת להפעיל עכבר ו/או מקלדת, תגובה איטית, קושי במוטוריקה עדינה שמיעה– חרשים, כבדי שמיעה לקויות קוגנטיביות– לקויי למידה: דיסלקציה, בעיות קשב וכד' שפה– אנשים שאינם דוברים עברית ברמת שפת אם (עולים חדשים, בני מיעוטים).

7. מבוא:שיעור האנשים הזקוקים לנגישות 10% מוגבלות פיזית וחושיות * 10% לקויות למידה * 28% עולים חדשים או בני מיעוטים 17% בני 55 שנים ומעלה חלק ניכר הגילאים המתקדמים סובלים מאחד או יותר מהמוגבלויות : ראיה, שמיעה, מוטוריקה, קשיים קוגנטיביים. *הערכה בעיית נגישות אמיתית לפחות ל 25% מהאוכלוסייה

8. מבוא: שיעור האנשים הזקוקים לנגישות יכולות/מוגבלויות – כקו רצף וכמכלול

9. מבוא: מה עושים בעולם האמיתי? הנגשת הסביבה עזרים

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

11. מבוא: מהו אתר נגיש? • אתר שקהל רחב ככל האפשר יכול: • לתפוס • להפעיל • להבין • באמצעות שימוש במגוון טכנולוגיות מסייעות. • איך נראה אתר נגיש? כמו כל אתר טוב. • UK Govermentcairngorms • Enginehisoftware • General ElectricUS First Gov

12. מבוא: מה נעשה בעולם? ההנחיות המקובלות בעולם פותחו ע"י: ההנחיות אומצו ע"י מדינות רבות בעולם : יפן ארצות הברית האיחוד האירופי איחוד מדינות אסיה קנדה לפירוט החקיקה הבין-לאומית בריטניה אוסטרליה הונג-קונג

13. מבוא: מה נעשה בישראל? החוק- פרק הנגישות בחוק שיוויון זכויות לאנשים עם מוגבלויות. החוק קובע, במסגרת העקרונות הכלליים, את חובתם של גופים ציבוריים לתת שירות לאנשים עם מוגבלות במסגרת השירותים הניתנים והמיועדים לכלל הציבור, תוך ביצוע ההתאמות הנדרשות. התקנות- משרד המשפטים כותב את תקנות הנגישות לאינטרנט ומפנה לסטנדרט של ה W3C. אתרי רשויות ציבוריות מחוייבים ברמת נגישות AA אתרי גופים פרטיים מחוייבים ברמת נגישות A

14. מבוא: מה נעשה בישראל? הנגישו (מלא או חלקי) בנק הפועלים מכבי שרותי בריאות עריית רעננה gov.il ויזה כ.א.ל כרטיס אשראי אינטרנטי פיקוד העורף קצינת פניות הציבור – צה"ל המוסד לביטוח לאומי בתהליך הנגשה האתר הראשי של צה"ל הבנק הבינלאומי בנק לאומי המשרד לאיכות הסביבה אורנג' מכון מגיד ויזה כ.א.ל עריית ירושלים ועוד רבים אחרים

15. מבוא: נגישות משתלמת כלכלית (ROI) * • נגישות, אם מתוכננת מראש, מעלה ב 5% את תקציב הפיתוח, מגדילה את מספר הגולשים הפוטנציאלי ב 25%. • לאנשים עם צרכים מיוחדים ישכוח קניה. • מתן שרותים לאנשים עם צרכים מיוחדים מוזילה עליות תפעול שרות (פרונטלי וטלפוני). • נגישות מעלה את שימושיות האתר - גולשים מעדיפים אתרים נגישים ושימושיים. • שיפור בתדמית הארגון. • ובונוס... תוצאות טובות במנועי חיפוש. יותר גולשים, פחות הוצאות = יותר הכנסות

16. מבוא: מדוע להנגיש? • משתלם כלכלית • נכון תדמיתית • החוק • שיווין זכויות והזדמנויות • סטנדרטים • איכות

17. מבוא: מדוע להנגיש? ועוד סיבה אחת... משה דרשן

18. כללי נגישות • מבנה הגרסה השניה • 4 כללי נגישות עיקריים: • ניתן לתפיסה (Perceivable) • בר הפעלה (Operable) • מובן (Understandable) • יציבות טכנולוגית(Robust) • תחת כל כלל נגישות עיקרי יש פירוט של מספר כללי נגישות • (13 בסה"כ). לכל כלל יש קריטריונים לבדיקה המסווגים לפי שלוש רמות. • A – רמה ראשונה AA – רמה שניה AAA – רמה שלישית

19. כללי נגישות 1 ניתן לתפיסה (perceivable): וודא שכל התכנים מוצגים באופן שהמשתמש יוכל לתפוס 1.1 ספק חלופה טקסטואלית לכל תוכן שאינו טקסטואלי. 1.2 עבור מולטימדיה, ספק חלופה טקסטואלית מסונכרנת. 1.3 צור תוכן שאפשר להציגו במספר אופנים (הקראה, layout פשוט יותר) 1.4 הקל על אנשים עם מוגבלויות לראות ולשמוע (צור הבחנה ברורה בין תוכן לרקע).

20. לדוגמא – מה תופס עיוור צבעים? מה כתוב משמאל ללוגו של החברה? מה כתוב בתמונה מעל למשאית? הסימולציה לעיוורון צבעים באמצעות אתר http://www.vischeck.com

21. כללי נגישות – ניתן לתפיסה (perceivable) 1.1. ספק חלופות טקסטואליות לכל התכנים שאינם טקסטואלים טקסט חלופי מאפשר לאנשים שאינם רואים לקבל מידע על תכנים ויזואלים. • טקסט חלופי לתמונות. >IMG src=“search.gif" alt="חפש">

22. כללי נגישות –ניתן לתפיסה (perceivable) 1.2. סנכרן חלופות לתכני מולטימדיה עם ההתרחשויות על המסך • סרטים ואנימציות • כתוביות לסרטים / אנימציות לא live • תיאורי אודיו או טקסט להתרחשויות משמעותיות או חלופת טקסט מלאה – למשל השמעת צפירה בסרט תלווה בטקסט "נשמעת צפירה". הדובר בסרט מתחלף תלווה בקריינות "נשיא המדינה שמעון פרס" • כתוביות לסרטים אנימציות ב live(AA) • תיאורי אודיו (AA)

23. והנה עוד תרגיל... הולכים לסרט... אטמו את האוזניים.

24. כללי נגישות –ניתן לתפיסה (perceivable) 1.3. צור תוכן שאפשר להציגו במספר אופנים • צור הפרדה בין תוכן/מידע ומבנה לבין תצוגה. ההפרדה תישמר גם אם המשתמש או האמצעי ישנה את פורמט התצוגה. • ספק מידע באמצעותו המשתמש יכול להבין (באמצעים טכנולוגים) מהו מידע והיחסים בין חלקי המידע. • הקפד על סדר הקריאה ברור – הגדרה של כיוון הכתיבה (dir, rlm, lrm)

25. כללי נגישות –ניתן לתפיסה (perceivable) 1.3. צור תוכן שאפשר להציגו במספר אופנים דוגמא: כאשר אופן התצוגה של ynet שונה, חלק מהמידע הולך לאיבוד

26. כללי נגישות –ניתן לתפיסה (perceivable) 1.4 הקל על אנשים עם מוגבלויות לראות ולשמוע (צור הבחנה ברורה בין תוכן לרקע). • כאשר נעשה שימושבצבע כדי להעביר מידע, השתמש אלמנט ויזואלי נוסף שיצור את ההבחנה (גודל פונט, בולד). • אפשר לכבות סאונד המושמע באופן אוטומטי (יותר מ 3 שניות) • הקפד על קונטרס של 5:1 בין הרקע לטקסט. בתמונות הקונטרסט צריך להיות 3:1. (AA) • אפשר הגדלה של עד 200% של טקסטים ללא שימוש בעזרים מיוחדים (AA)

27. כללי נגישות 2 בר הפעלה (operable): וודא שכל המשתמשים יכולים להפעיל את ממשק האתר. 2.1 הבטח שכל הפעולות ניתנות לביצוע באמצעות מקלדת. 2.2 תן למשתמשים מספיק זמן לקריאה, לאינטראקציה או לתגובה. 2.3 אל תיצור תוכן שעלול לגרום להתקף אפילפטי. 2.4 עזור למשתמשים לנווט, להתמצא ולמצוא מידע.

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

29. כללי נגישות –ניתן להפעלה 2.2 תן למשתמשים מספיק זמן לקריאה, לאינטראקציה או לתגובה. • כל מצב של הגבלת זמן, אפשר למשתמש לבצע אחת מהפעולות הבאות: • לבטל את הגבלת הזמן. • להתאים את הגבלת הזמן. • להגדיל את הגבלת הזמן (למעט מקרים שהגבלת הזמן הכרחית –\מכירה פומבית, או משחק על זמן).

30. כללי נגישות –ניתן להפעלה 2.2 תן למשתמשים מספיק זמן לקריאה, לאינטראקציה או לתגובה. • בכל מצב של הגבלת זמן, אפשר למשתמש לבצע אחת מהפעולות הבאות: (למעט מקרים שהגבלת הזמן הכרחית – מכירה פומבית, או משחק על זמן).: • לכבות את הגבלת הזמן. • להתאים את הגבלת הזמן. • להגדיל את הגבלת הזמן • הבהוב – תוכן לא יהבהב יותר מ 3 שניות (AA) • עצירה – ניתן לעצור תנועה, הבהוב, סקרולינג או עדכון אוטומטי של תוכן (אלא אם התנועה על המסך הכרחית) (AA)

31. כללי נגישות –ניתן להפעלה 2.3 אל תיצור תוכן שעלול לגרום להתקף אפילפטי. • תוכן אינו מרצד יותר מ 3 פעמים בשנייה או שהריצוד נמוך מ general flash and red flash thresholds.

32. כללי נגישות –ניתן להפעלה 2.4 עזור למשתמשים לנווט, להתמצא ולמצוא מידע. • ספק מנגנון לעקיפת בלוקים של תוכן שחוזרים על עצמם בהרבה עמודים (כגון תפריט משנה). • ספק כותרת לעמוד המתארת את תוכן העמוד (page title) • Focus Order לוגי • מטרת הקישור צריכה להיות ברורה וייחודית (הקישור לא יהיה "לחץ כאן" "לפרטים נוספים") • קיימת יותר מדרך אחת לאתר מידע (AA) • כותרות ו labels תיאוריות (AA)

33. כללי נגישות 3 מובנות (Understandable): צור תכנים ואמצעי אינטראקציה מובנים לכמה שיותר משתמשים 3.1קריאות ומובנות של התכנים. 3.2 סידור מסך עקבי והתנהגות של מרכיבים אינטראקטיבים ניתנת לחיזוי. 3.3 עזור למשתמשים להימנע מטעויות ולתקן טעויות שביצעו.

34. כללי נגישות 4 יציבות טכנולוגית (Robust): השתמש בטכנולוגיות web שעובדות באופן מקסימלי עם טכנולוגיה מסייעת וסוכני משתמש בהווה ובעתיד

35. יציבות טכנולוגית (Robust): 3.3 עזור למשתמשים להימנע מטעויות ולתקן טעויות שביצעו • כתיבת קוד תקינה - TAG בהתחלה ובסיום לכל אלמנט וכינון נכון של הקוד. • שם, תפקיד וערך - לכל מרכיבי הממשק (controls), מצבים, מאפיינים וערכים שיכולים להיקבע ע"י המשתמש חייבים להיות ניתנים לזיהוי תוכנה ולשינוי ע"י המשתמש הנעזר בטכנולוגיה מסייעת או user agents (הכוונה למפתחים שמייצרים controlsבעצמם לא ל controls ב HTML)

36. בונים אתר חדש • בחירת כלי תומך בנגישות • לחייב ספקי שרותים לתמוך בנגישות בתוצר ובכלי הזנת התכנים • בניית תהליכים תומכי נגישות • קביעת פורמטים נגישים – PDF, מצגות וכד'.

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

38. הנגשתם את האתר? • הציבו את תו "אתר נגיש" • מטרות תו "אתר נגיש": • לקדם את המודעות הציבורית לנגישות לאינטרנט. • לידע את הציבור על נגישות האתר. • להצהיר על אחריות ציבורית וחברתית של הארגון כלפי אנשים עם מוגבלויות בחברה הישראלית.

39. סיכום נסו לדמיין לעצמכם מקרים בהם נתקלתם בחוסר נגישות: • כשהמתנתם שעות על קו הטלפון לקבלת שירות בנקאי • כשצפיתם בסרט זר ללא תרגום • כששידור משחק כדורסל הופסק בגלל בעיות קליטה • כשהגעתם לחניון והוא היה מלא • מי היה אשם בכל מה שקרה לכם? הבנק? חברת הכבלים? העירייה? הממשלה? • זו ההזדמנות שלך "האזרח הקטן האוחז במקלדת", לקחת אחריות ולדאוג שכל כך הרבה אנשים לא יחושו את התסכול והעלבון באין נגישות. הנגשת אתרים הוא אקט המאפשר לאנשים מוגבלים להיות מסוגלים. המסוגלות שלהם והיכולת שלהם להשתלב בחברה, בתרבות ובעבודה נמצאת בידך.