ראשית נמליץ לבדוק את האתר דרך השאלון של איגוד האינטרנט הישראלי
אתר הוא נכס דיגיטלי וחשוב מאוד לתת מענה לכל אנשים. גם לאנשים בעלי מוגבלויות המהווים אוכלוסייה הנוהגת כמונו וכמוכם לגלוש באינטרנט לצרכים חברתיים, עסקיים וציבוריים.
במאמר זה נדבר על למה חשוב להנגיש אתר, מי צריך להנגיש אותו ולמה כדאי שכל אתר יהיה מונגש גם אם החוק לא מחייב אותו.
נסו לחשוב על חנות. במידה ולא תהיה רמפה על מנת להגיע לחנות, לקוחות בכיסא גלגלים לא יוכלו להיכנס אליה וכך העסק שלנו יפסיד אותם. אותו הדבר גם באתר שלנו.
אתר הוא נדל"ן. במקום שאדם יגיע פיזית לחנות הוא משוטט באינטרנט ונכנס להנאתו לאתר שלנו. במידה וירצה לקנות משהו, הוא צריך שהאתר שלנו יהיה מונגש עבורו. נניח שהוא סובל מלקות ראיה, אם האתר לא מסביר לו מה מופיע בעמוד עליו הוא עומד, הוא לא יצליח לקנות. הוא לא יבצע את הרכישה ואנחנו הפסדנו לקוח.
לכן, גם במידה והחוק לא מחייב אותנו אנחנו צריכים לתת מענה נוח לכל הלקוחות שלנו.
הנגשת אתרים מורכבת משלוש רמות: רמה A, רמה AA, רמה AAA
רמה A
- חלופה טקסטואלית לתוכן שאינו טקסט
- ALT TAG לתמונות
- חלופה שמיעתית לCAPTCHA
- עזרה בהזנת קלט
- זיהוי אוטומטי של שגיאות קלט והתראה ממוקדת על השגיאה באמצעות טקסט (לדוג' שימוש בSPRY)
- לספק הוראות מדויקות להזנת הקלט (לדוג' תיאור בLABEL)
- חלופה למדיה המוקלטת מראש, וידאו או אודיו
- קטע אודיו או וידאו יהיה בעל מנגנון עצירה, עוצמת הצליל וקצב ההשמעה
- קטע אודיו – חלופה טקסטואלית
- קטע וידאו – כתוביות
- גמישות בהצגת התוכן בלי לאבד מידע
- כותרת בעלת משמעות לכל עמוד
- אין לעצב את הדף בצורה כמותית
- סדר התוכן בעל משמעות
- עיצוב ברור וקריא
- תחביר תקין של קוד העמוד (HTML)
- צבעים מנוגדים של הכתב והרקע
- קישורים בעלי משמעות (אין להשתמש ב"לחץ כאן" וכד')
- כל קישור, כפתור או דבר דומה יכיל כמה אלמנטים עיצוביים
- לאפשר שליטה על גלילה, הבהוב ותנועה אוטומטיים
- יש להמנע מעיצוב באופן הגורם להתקפים אפילפטיים
- לא יותר משלושה הבזקים בשנייה אחת
- תכני טקסט קריאים ונהירים
- יש להשתמש בפירורי לחם (BREADCRUMBS)
- רישום של שפת הממשק והתוכן בקוד העמוד
- שליטה על האתר אך ורק באמצעות המקלדת
- בלי דרישה לקצב הקלדה מסוים
- אין להשתמש בהגדרת מוקד\פוקוס של המקלדת. מוקד המקלדת הוא האזור המסומן במסך הניתן להזזה באמצעות חיצי המקלדת, בדפי אינטרנט הוא אינו נראה באופן חזותי
- הגדרת Tab index בעלת משמעות
- משך זמן קריאה מספק של העמוד ללא ריענון אוטומטי
- אפשרות שליטה על משך הזמן לקריאת העמוד (למעט אירועים בזמן אמת)
- מנגנון שליטה על עדכונים אוטומטיים
רמה AA
- רמת זו כוללת את כל המאפיינים של רמת A
- חלופה למדיה בשידור חי, וידאו או אודיו
- כתוביות בשידור חי
- קטע ווידאו המוקלט מראש בעל כתוביות עם תיאורי אירוע או תיאור בשמע של האירועים
- עזרה בהזנת קלט
- הצעות לתיקון השגיאה בהזנת קלט
- תמיד יתבקש אישור הפרטים המוזנים בטופס לאחר מילואם על-ידי הגולש תוך נתינת אפשרויות התיקון המתבקשות
- מתן הזדמנות לתיקון שגיאות קלט
- מסמך המאפשר סקירה של הפרטים ואישורם
- גמישות בהצגת התוכן בלי לאבד מידע
- אפשרות לשינוי גודל של טקסט עד 200% ללא שימוש באמצעי עזר
- עיצוב ברור וקריא
- אין להשתמש בתמונות של טקסט
- שימוש בכותרות (HEADINGS) ותוויות (LABELS) כדי לתאר את התוכן באתר
- יחס ניגוד של הטקסט והרקע 5:1
- תכני טקסט קריאים ונהירים
- רישום בקוד על שינוי השפה בחלקים שונים של הדף
- שליטה על האתר
- אפשרות לאיתור עמוד באתר באמצעות מספר דרכים
- ממשק האתר יאפשר מציאת מוקד המקלדת באופן חזותי
רמה AAA
- כוללת את כל המאפיינים של רמת A ורמת AA
- חלופה למדיה וידאו או אודיו
- אין להשתמש בקטעי אודיו המשמשים כרקע אומנותי לתוכן האתר
- ווידאו המוקלט מראש יהיה בעל תרגום לשפת הסימנים
- תיאורים מורחבים בשמע לכל קטעים הווידאו
- אודיו המשודר בחי יהיה בעל חלופה טקסטואלית
- בקטע אודיו יהיה הבדל של 20 דציבלים בין קולות הרקע לדיבור הישיר אל המאזין
- עיצוב ברור וקריא
- יחס ניגוד של הטקסט והרקע 7:1
ועכשיו תכלס איך יודעים?
נכנסים לאיגוד האינטרנט הישראלי כדי לדעת מה חובת האתר שלנו.
ותמיד כדאי שיהיה תוסף נוח באתר שלנו, שיקל על כל המשתמשים שלנו וכדי שכולם יוכלו להנות מהתוכן שלנו, המוצרים שלנו ובאמת יהיה להם כיף לבוא ולבקר בו.
