10 שגיאות הנגישות הנפוצות באתרים
בקצרה
רוב כשלי הנגישות באתרים חוזרים על עצמם. עשר השגיאות הנפוצות: ניגודיות נמוכה, טקסט חלופי חסר, טפסים ללא תוויות, חוסר תפעול מקלדת, פוקוס לא נראה, כותרות שגויות, קישורים לא ברורים ("לחץ כאן"), חוסר כתוביות, מידע בצבע בלבד, ו-ARIA שגוי. כולן ניתנות לתיקון, והן נקודת פתיחה מצוינת לשיפור מהיר.
עשר השגיאות הנפוצות
| # | שגיאה | תיקון |
|---|---|---|
| 1 | ניגודיות נמוכה | להבטיח 4.5:1 לטקסט רגיל |
| 2 | טקסט חלופי חסר | alt מתאר לתמונות אינפורמטיביות |
| 3 | טפסים ללא תוויות | label מקושר לכל שדה |
| 4 | חוסר תפעול מקלדת | לוודא שכל פעולה אפשרית במקלדת |
| 5 | פוקוס לא נראה | לא להסיר outline בלי חלופה |
| 6 | כותרות שגויות | היררכיה לפי משמעות, H1 אחד |
| 7 | קישורים לא ברורים | טקסט קישור מתאר ("צור קשר", לא "לחץ כאן") |
| 8 | חוסר כתוביות | כתוביות לסרטונים עם דיבור |
| 9 | מידע בצבע בלבד | להוסיף טקסט/אייקון לצד הצבע |
| 10 | ARIA שגוי | להעדיף HTML סמנטי |
סדר תיקון מומלץ
התחילו מהשגיאות שיוצרות חסם שלם - חוסר תפעול מקלדת וכותרות שבורות - ואז עברו לניגודיות, טקסט חלופי וטפסים. עקבו אחר הצ'ק-ליסט ובדקו שוב אחרי כל תיקון.
רווח מהיר
תיקון חמש השגיאות הראשונות לבדן משפר משמעותית את נגישות רוב האתרים.
שאלות נפוצות
מה השגיאה הכי נפוצה?
ניגודיות צבעים נמוכה וטקסט חלופי חסר הן מהנפוצות ביותר.
מאיפה כדאי להתחיל?
מחסמים שלמים: תפעול מקלדת וכותרות, ואז ניגודיות וטקסט חלופי.
האם תיקון השגיאות מספיק?
זה שיפור משמעותי, אך לעמידה מלאה נדרשת בדיקה כוללת ידנית ואוטומטית.
מקורות
- WebAIM - Common accessibility issues (webaim.org)
- W3C WAI (w3.org/WAI)