אי התאמות נגישות הן המקומות שבהם האתר לא עומד בדרישות ת"י 5568. הנפוצות ביותר, לפי מה שאני מוצא בבדיקות: ניגודיות חלשה, תמונות בלי טקסט חלופי או עם טקסט בתוך התמונה, ניווט במקלדת שנתקע או קופץ, פוקוס שלא רואים, טפסים בלי תוויות, סליידרים שאי אפשר לעצור, סרטונים בלי כתוביות ומסמכים להורדה שלא הונגשו.
אחרי מאות בדיקות, יש לי רשימה קבועה בראש. ברוב האתרים אני יודע מראש איפה אמצא את הבעיות הראשונות, עוד לפני שפתחתי את טופס הבדיקה. זה לא כי האתרים גרועים. זה כי אותן טעויות חוזרות בכל תבנית, בכל מערכת ואצל כל מפתח שלא עבד עם התקן.
אי התאמות הנגישות הנפוצות ביותר
| אי התאמה | איפה זה קורה בדרך כלל | האם תוסף מתקן? |
|---|---|---|
| ניגודיות חלשה | תפריט ראשי, כותרת תחתונה, פירורי לחם, טקסט על תמונת רקע, כפתורים | לא. הוא מציע מצב ניגודיות לגולש, אבל העיצוב המקורי נשאר |
| טקסט בתוך תמונה | באנרים, מבצעים, כותרות מעוצבות | לא |
| תמונות בלי טקסט חלופי | גלריות, לוגו של לקוחות, אייקונים | לא. אולי ניחוש אוטומטי, שלרוב לא נכון |
| ניווט במקלדת | תפריטים נפתחים, חלונות קופצים, סליידרים | לא |
| פוקוס לא נראה | כל האתר, כשהעיצוב ביטל את מסגרת הפוקוס | חלקית, ורק כשהגולש מפעיל את התוסף |
| טפסים | שדות בלי תווית, שגיאות רק בצבע | לא |
| כותרות | כותרות שנבחרו לפי הגודל ולא לפי הסדר | לא |
| סליידרים | זזים לבד, בלי כפתור עצירה, חצים בלי שם | לא |
| סרטונים | בלי כתוביות, נגן שלא נשלט במקלדת | לא |
| מסמכים להורדה | PDF סרוק, Word בלי כותרות | לא |
שימו לב לעמודה האחרונה. ועוד דבר: גם הדוח שתוסף מנפיק לא יזכיר את רוב השורות בטבלה, כי הוא לא בדק אותן. מה שתקבלו ממנו זה מסמך כללי, לא רשימה של אי ההתאמות באתר שלכם.
ניגודיות: הבעיה מספר אחת
טקסט רגיל צריך יחס ניגודיות של 4.5:1 לפחות מול הרקע, וטקסט גדול 3:1. אפור בהיר על לבן, טקסט לבן על תמונה בהירה, כפתור בצבע המותג עם טקסט בגוון קרוב. ברוב האתרים אני מוצא את זה כבר בתפריט הראשי.
מקלדת ופוקוס
מי שלא משתמש בעכבר מנווט ב-Tab. הסדר צריך להיות הגיוני, בעברית מימין לשמאל ומלמעלה למטה. צריך להגיע לכל רכיב ולהפעיל אותו, ולראות כל הזמן איפה נמצאים. בסרטון הזה אני מראה איך בודקים את סדר הניווט:
רוצים לדעת אילו אי התאמות יש באתר שלכם?
נבדוק את האתר ידנית מול התקן ונמסור רשימה מלאה עם פתרון לכל ממצא.
תוכן ומבנה
- קישור "דלג לתוכן" שחסר, או שלא עובד.
- הגדלה ל-200% ששוברת את העמוד: תפריט שנעלם, טקסט שנחתך.
- חלון קופץ שהפוקוס לא עובר אליו, ואי אפשר לסגור אותו במקלדת.
- כפתורי שפה שאי אפשר להפעיל במקלדת.
- לוגו של לקוחות בלי שם הלקוח בטקסט החלופי.
- קישורי הורדה שלא אומרים מה סוג הקובץ.
ממה מורכבת בדיקה של אי התאמות
בבדיקה אני עובד מול טופס בדיקת הנגישות של הנציבות, קובץ אקסל שמפרט את הקריטריונים בתקן. כל ממצא נרשם בשורה שלו: מה הבעיה, איפה, והפתרון. איך בדיוק מתנהלת הבדיקה הזו פירטתי במאמר בדיקת נגישות לאתר. ואם מישהו מבטיח לכם "אישור" בלי רשימה כזו, קראו קודם את המאמר על אישור נגישות לאתר.
שורה תחתונה
רוב אי ההתאמות לא דרמטיות. הן קטנות, חוזרות, ומצטברות לאתר שאי אפשר להשתמש בו. החדשות הטובות: כשמוצאים אותן בתבנית, מתקנים פעם אחת ופותרים בכל האתר. רוצים לדעת מה יש אצלכם? בדוח נגישות לאתר תקבלו את כל הרשימה, עם פתרון לכל שורה.
שאלות נפוצות על אי התאמות נגישות
מהן אי התאמות נגישות?
מקומות שבהם האתר לא עומד בדרישות ת"י 5568, למשל ניגודיות חלשה, תמונה בלי טקסט חלופי, או רכיב שאי אפשר להפעיל במקלדת.
מהן אי ההתאמות הנפוצות ביותר?
ניגודיות, טקסט בתוך תמונות, טקסט חלופי חסר, ניווט במקלדת, פוקוס לא נראה, טפסים בלי תוויות, סליידרים, סרטונים בלי כתוביות ומסמכים לא נגישים.
תוסף נגישות פותר אי התאמות?
כמעט לא. הוא מוסיף כלי תצוגה, אבל לא מתקן תוויות, טקסט חלופי, ניווט במקלדת או מבנה כותרות. את אלה מתקנים באתר עצמו.
איך יודעים אילו אי התאמות יש באתר שלי?
בבדיקה ידנית מול התקן, שבסופה מקבלים רשימה של כל ממצא, איפה הוא, והפתרון שלו.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.