במאמר הבא אפרט על בעיות הנגישות העיקריות והנפוצות ביותר שעלולות להיות באתרי אינטרנט ובמסמכים שאינם נגישים לאנשים עם מוגבלות.

הבעיות מתחלקות למספר תחומים שונים:

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

תוכן שאינו נגיש באתר אינטרנט

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

מבנה אתר שאינו נגיש

• כל תוכן או מידע המפורסם באתר חייב להיות קריא וברור בהגדלה של 200% מבלי לפגוע בפונקציונלית. מעבר לתצוגת מובייל יכול להוות פתרון, אם זאת חשוב לזכור שכל המידע המופיע בדסקטופ חייב להופיע גם במובייל מבלי להסתיר מידע או אלמנטים קליקבלים
• ישנם כפתורי שפות בהתאם לצרכיי המשתמש שאינם נגישים באמצעות המקלדת.
• במסמכים ארוכים מומלץ להשתמש בכפתור שמאפשר לחזור לראש הדף בצורה מהירה וקלה.
• שדה טופס בעמוד או בטופס יצירת קשר. לרוב השדות בנויים בצורה שאינה נכונה ואינה מאפשרת לגולש או למשתמש לחזור לשדה שבו הוא טעה והקליד את המידע השגוי. החזרה וההערה חייבת להתבצע בצורה ברורה ולאפשר קבלת פוקוס מלא.
• להשתמש כמה שפחות בתתי קטגוריות שעלולות לגרום לשימוש בתוכנה להקראת מסך להפוך לקשה וללא מובן. עדיף להעביר את הגולש לדף מרכז שיש בו את כל תתי הקטגוריות בצורה נגישה ונוחה לקריאה.
• שיש פופאפ בכניסה לאתר או לעמוד מסויים יש לציין לגולש שהוא הגיע לחלונית פופאפ – ובחלונית יש סרטון או פרסומת שמדבר על ….

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

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

פרסום סרטוני וידאו שאינם נגישים

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

הורדת קבצים בצורה שאינה נגישה

• אתרים רבים (בניהם אתרים של מועצות מקומיות, חברות ציבוריות ועוד) אינם מאפשרים הורדה של קבצים בצורה נגישה. ההסבר בעמוד ההורדה חייב להיות ברור והמשתמש חייב לדעת בדיוק איזה קובץ הוא צריך וכיצד להוריד אותו.
• מומלץ לרשום את סוג הקובץ במשפט ההורדה. האם מדובר בקובץ וורד? שאינו תמיד נגיד בכל הסלולריים, קובץ PDF אם קובץ ZIP שעלול להוות בעיה בפתיחה שלו.

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

זכרו– תוסף נגישות אינו יכול לטפל בכל הנושאים כפי שיועץ להנגשת אתרים או מתכנת המבין בנגישות יכול לבצע ברמת הקוד. אל תתפשרו ותנגישו את האתר שלכם בצורה הטובה ביותר לכלל האוכלוסייה.