לא צריך להיות מומחה כדי לזהות את הבעיות הבולטות באתר. עם צ׳קליסט פשוט ורבע שעה, כל בעל עסק יכול לקבל תמונה ראשונית של מצב הנגישות שלו. הרשימה הבאה מכסה את עשר הבדיקות בעלות ההשפעה הגבוהה ביותר, אלה שגם הכי נפוצות בתביעות.
1. הצהרת נגישות
יש קישור להצהרת נגישות בכותרת התחתונה של האתר? זה הליקוי הנפוץ ביותר. אם אין, זו הנקודה הראשונה לטפל בה.
2. ניגודיות צבעים
האם הטקסט קריא בבירור על הרקע? טקסט אפור בהיר על רקע לבן, או טקסט על גבי תמונה, הם בעיות ניגודיות נפוצות. התקן דורש יחס של לפחות 4.5:1.
3. טקסט חלופי לתמונות
לכל תמונה נושאת מידע יש טקסט חלופי (alt) שמתאר אותה? קורא מסך מסתמך על הטקסט הזה. תמונות ללא alt הן חור נגישות בולט.
4. ניווט במקלדת
נסו לגלוש באתר עם מקש Tab בלבד, בלי עכבר. האם אפשר להגיע לכל הקישורים והכפתורים? האם רואים איפה הפוקוס נמצא? ניווט מקלדת שבור פוסל אנשים רבים.
5. תוויות לטפסים
לכל שדה בטופס יש תווית ברורה? שדה "שם" בלי תווית קשור אליו אינו נגיש לקורא מסך, גם אם יש בו טקסט רמז.
6. מבנה כותרות
האם הכותרות באתר מסודרות היררכית (H1, H2, H3)? מבנה כותרות תקין עוזר לקוראי מסך לנווט בתוכן במהירות.
7. שמות לכפתורים ולקישורים
האם הכפתורים והקישורים אומרים לאן הם מובילים? קישור בטקסט "לחצו כאן" או כפתור ללא שם מבלבלים משתמשים בטכנולוגיה מסייעת.
8. שפה וכיוון
האם מוגדרים שפה (lang) וכיוון (dir) לעברית? הגדרה נכונה מבטיחה שקורא מסך יבטא את התוכן בשפה הנכונה.
9. הגדלת טקסט
נסו להגדיל את הטקסט באתר ל-200%. האם התוכן נשאר קריא ושמיש, או שהוא נשבר ומסתיר מידע?
10. אנימציות ותנועה
יש באתר תוכן שזז, מהבהב או מתחלף אוטומטית? תנועה בלתי נשלטת פוגעת בחלק מהמשתמשים וצריכה להיות ניתנת לעצירה.
מה עושים עם התוצאות
כל בדיקה שנכשלה היא פריט בתוכנית העבודה שלכם. התחילו מהבדיקות בעלות ההשפעה הגבוהה, הצהרה, ניגודיות וטקסט חלופי, והתקדמו משם. בדיקת נגישות אוטומטית תשלים את התמונה ותראה מה עוד חבוי בקוד.