הדבר המפתיע בליקויי נגישות הוא כמה הם צפויים. רוב האתרים נכשלים באותן שבע נקודות בדיוק, שוב ושוב. החדשות הטובות: מכיוון שהכשלים חוזרים על עצמם, גם התיקונים ידועים ומוכחים. המדריך הזה מפרט את שבעת הכשלים הנפוצים ואת הפתרון לכל אחד.
1. הצהרת נגישות חסרה
הכשל: אין באתר עמוד הצהרת נגישות. זהו הליקוי הנפוץ ביותר וגם הראשון שנבדק בתביעות.
התיקון: הפיקו הצהרה לפי מבנה תקנה 35 עם רמת ההנגשה, פירוט מה הונגש ופרטי קשר או רכז נגישות אם נדרש, ומקמו קישור אליה בכותרת התחתונה.
2. ניגודיות צבעים חלשה
הכשל: טקסט אפור בהיר על רקע לבן, או טקסט על גבי תמונה, שקשה לקרוא.
התיקון: ודאו יחס ניגודיות של לפחות 4.5:1 בין טקסט לרקע. הכהו צבעי טקסט בהירים או הוסיפו שכבת רקע מתחת לטקסט על תמונות.
3. טקסט חלופי חסר
הכשל: תמונות נושאות מידע ללא תיאור (alt), כך שקורא מסך אינו יכול להעביר את התוכן.
התיקון: הוסיפו טקסט חלופי תמציתי ומדויק לכל תמונה נושאת מידע. תמונות דקורטיביות בלבד יכולות לקבל alt ריק.
4. טפסים ללא תוויות
הכשל: שדות טופס ללא תווית קשורה, כך שלא ברור מה למלא בכל שדה.
התיקון: קשרו לכל שדה תווית (label) ברורה. אל תסתמכו על טקסט רמז (placeholder) בלבד, הוא נעלם ברגע שמתחילים להקליד.
5. ניווט מקלדת שבור
הכשל: אי אפשר להגיע לכל הרכיבים באמצעות מקלדת בלבד, או שלא רואים היכן הפוקוס.
התיקון: ודאו שכל קישור, כפתור ושדה נגישים במקש Tab, ושסימון הפוקוס גלוי וברור בכל רכיב פעיל.
6. מבנה כותרות לקוי
הכשל: כותרות שמשמשות לעיצוב במקום למבנה, או דילוג על רמות (מ-H1 ישר ל-H4).
התיקון: בנו היררכיית כותרות הגיונית ורציפה. כל עמוד צריך H1 אחד, ותת-הנושאים מסתעפים ממנו בסדר.
7. שמות לא ברורים לקישורים
הכשל: קישורים בטקסט "לחצו כאן" או כפתורים ללא שם, שלא אומרים לאן הם מובילים.
התיקון: תנו לכל קישור וכפתור טקסט תיאורי שמסביר את היעד או הפעולה, כך שיהיה מובן גם מחוץ להקשר.
מהרשימה לתיקון
הדרך היעילה היא לרוץ על שבע הנקודות מול האתר שלכם, לסמן מה נכשל, ולתעדף לפי השפעה. בדיקת נגישות אוטומטית תזהה את רובן במהירות ותראה לכם היכן בדיוק הן מופיעות בקוד.