בקצרה: בישראל, רוב העסקים שנותנים שירות לציבור נדרשים שהאתר שלהם יהיה נגיש לפי התקן הישראלי 5568 ברמה AA, ושיפורסם בו הצהרת נגישות. בפועל זה אומר שאפשר להשתמש באתר עם מקלדת בלבד ועם קורא מסך, שהטקסט קריא ובניגודיות טובה, ושהטפסים והסרטונים מובנים לכולם. תוסף נגישות לבד לא עושה את זה: הנגישות צריכה להיות בקוד.
מה שכתוב כאן הוא הסבר כללי ולא ייעוץ משפטי. כדי לדעת בדיוק מה חל על העסק שלכם, כדאי לבדוק עם עורך דין או עם מורשה נגישות.
מה החוק דורש, בקצרה
חוק שוויון זכויות לאנשים עם מוגבלות, ותקנות הנגישות לשירות שהותקנו לפיו, קובעים שאתרים שנותנים שירות לציבור צריכים להיות נגישים. התקנות מפנות לתקן הישראלי 5568, שמבוסס על ההנחיות הבינלאומיות WCAG, ודורשות עמידה ברמה AA. בתקנות יש גם הקלות ופטורים במצבים מסוימים, ולכן לא כדאי להניח שהם חלים עליכם בלי לבדוק.
למה זה נוגע לעסק קטן? כי נגישות היא לא רק עניין של אנשים עם עיוורון. היא נוגעת למי שרואה חלקית ומגדיל טקסט, למי שמשתמש רק במקלדת בגלל מגבלה ביד, למי שלא שומע את הסרטון, ולאנשים מבוגרים שהטלפון שלהם מוגדר לטקסט גדול. אלה לקוחות שלכם.
מה זה תקן 5568 ברמה AA בפועל
התקן הוא רשימה ארוכה של דרישות. כדי להבין אותו, נוח לחלק אותו לארבע קבוצות.
לראות ולקרוא
- טקסט חלופי לכל תמונה שיש בה מידע, כדי שקורא מסך יוכל לתאר אותה. על כתיבה נכונה שלו יש מאמר על תמונות וטקסט חלופי.
- ניגודיות מספקת בין טקסט לרקע. טקסט אפור בהיר על לבן הוא הבעיה הנפוצה ביותר, וזה נוגע ישירות לבחירת צבעים לאתר.
- אתר שעובד כשמגדילים את הטקסט, בלי שהתוכן נחתך או עולה אחד על השני.
- מידע שלא מועבר רק בצבע. "השדות באדום חובה" לא עוזר למי שלא מבחין באדום.
לנווט עם מקלדת
- אפשר להגיע לכל כפתור, קישור ושדה עם מקש Tab, בסדר הגיוני.
- תמיד רואים איפה נמצאים: מסגרת או סימון ברור סביב האלמנט הפעיל.
- תפריטים, חלונות קופצים וגלריות נפתחים ונסגרים גם מהמקלדת.
- כותרות במבנה נכון, כדי שמשתמשי קורא מסך יוכלו לקפוץ ביניהן.
טפסים
- לכל שדה תווית שנשארת גלויה, לא רק טקסט אפור שנעלם כשמתחילים להקליד.
- הודעות שגיאה שאומרות מה לא בסדר ואיך מתקנים, ולא רק מסמנות באדום.
- ההנחיות האלה טובות לכל הגולשים, ומפורטות במאמר על עיצוב טופס יצירת קשר.
תנועה ומדיה
- כתוביות לסרטונים שיש בהם דיבור.
- אפשרות לעצור אנימציות, קרוסלות ותוכן שזז לבד.
- בלי וידאו שמתחיל לרוץ עם קול.
- כבוד להגדרה "הפחתת תנועה" של מערכת ההפעלה. אנימציות גלילה הן כלי חזק, כמו שכתבתי במאמר על אנימציות באתר, אבל צריך דרך לכבות אותן.
הצהרת נגישות
התקנות דורשות לפרסם באתר הצהרת נגישות. בדרך כלל היא כוללת:
- מה הונגש באתר, ולפי איזה תקן ורמה.
- מה עדיין לא נגיש, אם יש, ולמה.
- פרטי קשר של מי שמטפל בפניות בנושא נגישות.
- תאריך הבדיקה או העדכון האחרון.
ההצהרה צריכה לשקף את המצב האמיתי. הצהרה שמבטיחה נגישות מלאה באתר שלא נבדק לא מגינה עליכם, ועלולה להזיק. אפשר לראות דוגמה בהצהרת הנגישות של האתר הזה.
איפה שמים אותה? קישור קבוע בתחתית כל עמוד, ליד מדיניות הפרטיות, וגם בתפריט של כפתור הנגישות אם יש כזה. ואת פרטי הקשר בה כדאי למלא בשם ובטלפון של אדם אמיתי שעונה, לא בכתובת מייל כללית שאף אחד לא בודק. מי שפונה בנושא נגישות צריך לקבל מענה, וזה גם חלק ממה שהתקנות מצפות לו.
למה תוסף נגישות לבד לא מספיק
הרבה אתרים מתקינים "כפתור נגישות" שפותח תפריט עם הגדלת טקסט, ניגודיות גבוהה ועצירת אנימציות. זה יכול לעזור לחלק מהגולשים, אבל התוסף לא מתקן את האתר עצמו. אם לתמונות אין טקסט חלופי, אם אי אפשר להגיע לכפתור השליחה עם המקלדת, אם הטופס לא מובן לקורא מסך, התוסף לא פותר אף אחד מאלה. אנשים שמשתמשים בקורא מסך לרוב עובדים עם הכלים שלהם, ולא עם התפריט של האתר. הנגישות צריכה להיות בקוד. כפתור נגישות יכול להיות תוספת נוחה מעל אתר שכבר נבנה נכון, לא תחליף לבנייה הנכונה. ואם הכפתור עצמו מכסה תוכן בטלפון או לא נגיש במקלדת, הוא אפילו מוסיף בעיה.
בדיקה עצמית ב-15 דקות
לא צריך להיות מומחה כדי לגלות את הבעיות הבולטות. פתחו את האתר במחשב, ועברו על השלבים:
- לחצו בתוך הדף ואז רק על Tab. האם רואים תמיד איפה אתם? האם מגיעים לכל כפתור, כולל כפתור השליחה בטופס?
- הגדילו את הטקסט בדפדפן עד 200 אחוז (Ctrl ועוד פלוס). האם משהו נחתך, נעלם או עולה על משהו אחר?
- נסו לשלוח את הטופס ריק. האם ההודעה אומרת מה חסר, במילים?
- פתחו סרטון: יש כתוביות? אפשר לעצור אותו?
- הריצו כלי בדיקה אוטומטי חינמי כמו axe או Lighthouse שבתוך Chrome. הם לא מוצאים הכול, אבל מוצאים הרבה.
- בדקו שיש קישור להצהרת נגישות בתחתית כל עמוד, ושהתאריך בה עדכני.
נניח שבבדיקה גיליתם שאי אפשר להגיע עם Tab לכפתור הוואטסאפ, ושהכיתוב האפור בטופס כמעט לא נקרא. אלה שני תיקונים קטנים בקוד, אבל הם לא יקרו מעצמם. רשמו אותם והעבירו למי שמתחזק את האתר.
טעויות נפוצות
- להסתמך רק על תוסף נגישות.
- להעתיק הצהרת נגישות מאתר אחר, עם פרטים שלא נכונים לאתר שלכם.
- תמונה שכתוב עליה טקסט חשוב, כמו מבצע או שעות פתיחה, בלי שהטקסט מופיע גם כטקסט רגיל.
- כפתורים שהם רק אייקון, בלי שם שקורא מסך יכול להקריא.
- פונט דק מדי או קטן מדי בטלפון. גם בחירת פונט בעברית היא החלטת נגישות.
- סרטון שמתחיל לרוץ לבד עם קול.
נגישות היא לא פעם אחת
כל תוכן חדש צריך להיות נגיש: תמונה חדשה צריכה טקסט חלופי, סרטון חדש צריך כתוביות, עמוד חדש צריך מבנה כותרות נכון. אתר שהיה נגיש ביום העלייה יכול להפסיק להיות נגיש אחרי כמה עדכונים. לכן נגישות היא חלק מהשאלה כל כמה זמן לעדכן אתר, ולא משימה שסוגרים פעם אחת.
יש גם יתרון שמעבר לחוק. אתר נגיש הוא בדרך כלל אתר טוב יותר לכולם: טקסט קריא, כפתורים ברורים וטפסים פשוטים עוזרים גם למי שגולש בשמש, בטלפון ישן או ביד אחת.
איך זה אצלי
כל אתר שאני בונה נבנה לפי תקן 5568 ברמה AA, נבדק בכלי בדיקה אוטומטיים ובמקלדת, בטלפון ובמחשב, ועולה עם הצהרת נגישות. גם אתר עם הרבה תנועה, כמו האתר של אלה אוזן עם מגדל השרטוט בתלת-ממד שנבנה מול העיניים, צריך להיבנות כך שאפשר להשתמש בו בלי התנועה. תוכן חדש שעולה במסגרת התחזוקה מונגש לפני שהוא עולה. עוד על הגישה שלי יש בעמוד למה לעבוד איתי, ולשאלות נוספות יש עמוד שאלות נפוצות.
רוצים אתר שעובד בשביל העסק?
ספרו לי מה אתם צריכים, ותקבלו כיוון ברור והצעת מחיר מסודרת.