נגישות אתר — מה חובה לפי החוק (ואיך עושים נכון)

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

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

מה החוק אומר

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

התקנות אינן מסתפקות בדרישה כללית. הן מפנות לתקן ישראלי ת"י 5568, שמאמץ את הנחיות WCAG הבינלאומיות ברמת עמידה AA.

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

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

מה זה אומר בפועל — שבעת התחומים

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

1. ניגודיות צבעים

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

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

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

2. ניווט במקלדת

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

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

3. טקסט חלופי לתמונות

קורא מסך מקריא את התיאור שהוגדר לתמונה בקוד. אם לא הוגדר, אין מה להקריא.

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

4. מבנה כותרות

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

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

5. טפסים

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

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

6. התאמה להגדלה

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

7. הצהרת נגישות

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

מה שלא עובד: הווידג'ט בפינה

זו הנקודה שחשוב לי הכי להעביר, כי היא חוסכת לכם כסף וסיכון.

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

כל אלה נוגעים באיך האתר נראה. אף אחד מהם לא נוגע במה שהאתר מכיל.

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

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

החשיפה: למה זה לא תיאורטי

מה שמניע את השוק הזה אינו הרגולטור אלא התביעות.

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

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

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

הצד השני: זה גם עסקי

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

אלה בדיוק המאפיינים של אתר טוב.

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

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

מאיפה מתחילים

הסדר הנכון הוא תמיד זה:

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

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

3. פרסמו הצהרה. אחרי התיקון, לא לפניו.

ואם אתם בונים אתר חדש — בנו נגיש מלכתחילה. זו כמעט לא תוספת עלות: זה בעיקר עניין של לכתוב את הקוד נכון ולבחור פלטה שעומדת בניגודיות. בשיפוץ זה פרויקט; בבנייה זה כמעט חינם.

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

---

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

---

רוצים אתר שנגיש מהיסוד? אני בונה אתרים שעומדים בתקן במבנה עצמו — לא בתוסף שמודבק בסוף — כולל הצהרת נגישות. דברו איתי →