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

מה זה בכלל נגישות אתרים, ולמה זה נוגע לעסק שלי?

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

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

תרשים

מה הופך אתר לנגיש?

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

כן, ככה

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

לא ככה

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

את מי מחייב תקן נגישות אתרים 5568?

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

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

תרשים

תרשים זרימה: האם חוק הנגישות חל עליי?

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

  1. האם העסק נותן שירות לציבור?

    אם כן, עברו לשלב הבא. אם לא (למשל, אתר פנימי לעובדים), אתם כנראה פטורים.

  2. האם המחזור השנתי הממוצע מעל 100,000 ש"ח?

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

  3. אתם חייבים בהנגשת האתר

    האתר שלכם צריך לעמוד בתקן 5568 ברמה AA.

מה קורה אם האתר שלי לא נגיש?

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

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

תרשים

השוואה: אתר נגיש מול אתר לא נגיש

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

  • סיכון משפטי

    אתר לא נגיש

    גבוה, חשוף לתביעות

    אתר נגיש

    אפסי

  • קהל לקוחות פוטנציאלי

    אתר לא נגיש

    מצומצם, חוסם כ-20% מהאוכלוסייה

    אתר נגיש

    רחב, פתוח לכולם

  • תדמית העסק

    אתר לא נגיש

    נראה כמזלזל ולא מכיל

    אתר נגיש

    אחראי, חברתי ומודרני

  • קידום בגוגל (SEO)

    אתר לא נגיש

    מבנה לא תקין פוגע בדירוג

    אתר נגיש

    מבנה תקין ושיטות טובות תורמים לדירוג

1איך בודקים אם האתר עומד בתקן הנגישות?

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

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

שנית, השתמשו בכלי אוטומטי חינמי. כלי פופולרי וטוב הוא WAVE. היכנסו לכתובת https://wave.webaim.org/ (נפתח בחלון חדש), הזינו את כתובת האתר שלכם ולחצו Enter. הכלי יציג לכם את האתר עם הערות בצד שמסמנות שגיאות ואזהרות נגישות. אל תיבהלו מכמות המידע, התמקדו בשגיאות האדומות.

ככה זה נראה על המסך

דוגמה לתוצאות בדיקה בכלי WAVE

כך נראות תוצאות בדיקת נגישות אוטומטית. הכלי מציג שגיאות (אדום) ואזהרות (צהוב) ישירות על גבי תצוגה של האתר.

כלי בדיקה
wave.webaim.org
תוצאות הבדיקה2 שגיאות · 1 אזהרות
  • Missing alternative text

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

  • Empty button

    הכפתור ריק מטקסט. לא ברור מה הוא עושה.

  • Very low contrast

    הטקסט והרקע דומים מדי. אנשים עם לקות ראייה יתקשו לקרוא.

  • Alternative text

    לתמונה זו יש תיאור טקסטואלי תקין.

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

2כמה עולה להנגיש אתר?

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

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

  • תוספי נגישות אוטומטיים: אלה "סרגלי הנגישות" שרואים בהרבה אתרים. הם מציעים פתרון מהיר וזול יחסית, אך לרוב אינם מספיקים. הם מטפלים רק בחלק מהבעיות ובדרך כלל לא מספקים הגנה מלאה מפני תביעות.
  • הנגשה מקצועית לאתר קיים: כאן מומחה נגישות או מפתח אתרים עובר על קוד האתר ומתקן אותו ידנית. העלות יכולה לנוע בין 3,000 ש"ח לאתר פשוט ועד 15,000 ש"ח ויותר לאתרים גדולים ומורכבים.
  • בניית אתר חדש ונגיש: אם האתר שלכם ישן או בנוי על מערכת שמקשה על הנגשה, לפעמים עדיף להתחיל מחדש. אצלי ב-MOVE, כל אתר שאני בונה מגיע נגיש מהיסוד לפי התקן. בניית אתר כזה עולה 5,000 ש"ח בתשלום חד-פעמי.

איך נראית הנגשה פשוטה בקוד?

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

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

HTML · דוגמה להוספת טקסט חלופי (alt) לתמונה

<!-- לא נגיש: אין תיאור למקריא מסך -->
<img src="logo.png">

<!-- נגיש: יש תיאור ברור למקריא מסך -->
<img src="logo.png" alt="הלוגו של מספרת רונית עיצוב שיער">
  • <img> - זוהי התגית הסטנדרטית להצגת תמונה באתר.
  • src="logo.png" - זהו הנתיב לקובץ התמונה עצמו.
  • alt="..." - זהו הטקסט החלופי. את התכונה הזו מקריא המסך יקריא למשתמש. אם התמונה היא קישוט בלבד, משאירים את התכונה ריקה (alt=""), כדי שמקריא המסך יתעלם ממנה.

מה לעשות עכשיו?

אל תחכו שתגיע תביעה. הנה ארבעה צעדים שאתם יכולים לעשות עוד היום כדי להתחיל:

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