נגישות אתרים לפי ת"י 5568: מה החוק דורש, ומה תוסף לא פותר

הכפתור בפינה אינו התשובה

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

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

מה החוק דורש, בשפה של בעל עסק

הדרישה בישראל היא שאתר יעמוד בתקן ישראלי 5568 ברמת AA. התקן הזה מבוסס על התקן הבינלאומי המקובל, והוא מדבר על האתר עצמו: המבנה שלו, הצבעים שלו, הטפסים שלו, והאופן שבו אפשר להפעיל אותו.

שימו לב למילה "עצמו". התקן לא מדבר על כלי עזר שמורכב מעל האתר. הוא מדבר על האתר.

מה תוסף נגישות כן עושה

ולמען ההגינות, הוא עושה דברים אמיתיים ושימושיים:

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

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

מה הוא לא עושה, ועל זה בדיוק תובעים

שלושה דברים שאף תוסף בעולם לא יתקן בשבילכם:

ניגודיות שנקבעה בעיצוב

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

ניווט במקלדת

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

טפסים בלי תוויות

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

שני הדברים הזולים שכולם שוכחים

אלה לא שיפורים טכניים, אלה דרישות, והם עולים כמעט כלום:

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

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

מה בודקים לפני עלייה לאוויר

רשימה קצרה שאפשר להריץ על כל אתר, בלי כלים מיוחדים:

1. לנווט בכל העמוד במקש Tab בלבד. אפשר להגיע לכל דבר? אפשר לצאת מכל דבר?
2. לבדוק שרואים איפה הפוקוס נמצא בכל רגע. מסגרת שקופה מדי היא כישלון.
3. להגדיל את הדפדפן ל-200 אחוז. הטקסט נחתך? כותרות דורסות זו את זו?
4. לצמצם את החלון לרוחב של טלפון קטן. יש גלילה אופקית? זו תקלה.
5. לוודא שכל שדה בטופס מקושר לתווית אמיתית.
6. לוודא שכל תמונה שנושאת מידע מקבלת תיאור חלופי, ושתמונה דקורטיבית מקבלת תיאור ריק.

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

למה זה שווה גם בלי החוק

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