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

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

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

מה התקן בעצם דורש

הבסיס החוקי בישראל הוא תקנות שוויון זכויות לאנשים עם מוגבלות בעניין התאמות נגישות לשירות. תקנה 35א קובעת שהחייב יספק התאמות נגישות בשירות אינטרנט לפי תקן נגישות האינטרנט, ברמה AA. התקן שאליו התקנות מפנות הוא ת"י 5568 — קווים מנחים לנגישות תכנים באינטרנט — והוא אימוץ ישראלי של הנחיות WCAG הבינלאומיות של ארגון W3C, ברמת AA.

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

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

מה הווידג'ט באמת עושה

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

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

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

ולקורא מסך לא אכפת מה הווידג'ט מציע. אכפת לו:

  • האם לתמונות יש טקסט חלופי שאומר משהו, או img-4471.jpg
  • האם הכותרות בנויות בהיררכיה הגיונית, או שכולן עוצבו גדול ובולט בלי מבנה
  • האם לשדות בטופס יש label מקושר, או רק טקסט אפור בתוך השדה שנעלם ברגע שמתחילים להקליד
  • האם כפתור הוא באמת button, או div עם onClick שהמקלדת בכלל לא מגיעה אליו
  • האם אפשר לעבור על כל האתר ב-Tab, לראות תמיד איפה הפוקוס נמצא, ולהגיע לכל דבר לחיץ

אף אחת מהנקודות האלה לא נפתרת על ידי כלי חיצוני. כולן נמצאות בקוד.

למה סריקה אוטומטית מרגיעה יותר מדי

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

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

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

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

החלק שבאמת מטריד עסקים

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

שלושה דברים שכדאי להכיר:

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

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

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

הבשורה הטובה: זה לא פרויקט ענק

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

button לכפתור. nav לניווט. label לכל שדה. היררכיית כותרות שמשקפת את מבנה התוכן. ניגודיות צבעים סבירה. פוקוס נראה לעין. אלה לא התאמות נגישות — אלה HTML נכון. מי שכתב אותם נכון קיבל נגישות בדרך.

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

מאיפה להתחיל, מעשית

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

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

הפעילו את קורא המסך שכבר קיים אצלכם. VoiceOver במק וב-iPhone, Narrator בווינדוס. סגרו עיניים לדקה והקשיבו לדף הבית. זו הדקה שהכי משנה את התפיסה של אנשים בנושא הזה.

הריצו סריקה — והתייחסו אליה כרשימת פתיחה. כלים כמו axe או Lighthouse ייתנו לכם את הליקויים הברורים. תקנו אותם, ואל תניחו שסיימתם.

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

רוצים לדעת איפה האתר שלכם עומד באמת? כתבו לנו ונעבור עליו.

מקורות