בדיקת נגישות אתר — איך בודקים לבד ב-30 דקות

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

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

שלב 1: הרצה אוטומטית (5 דקות)

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

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

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

שלב 2: בדיקת המקלדת (5 דקות)

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

הניחו את היד מהעכבר. עכשיו נסו לתפעל את האתר עם Tab בלבד (Tab מתקדם, Shift+Tab חוזר, Enter מפעיל).

מה לחפש:

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

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

שלב 3: זום ל-200% (3 דקות)

הגדילו את העמוד ב-Ctrl ופלוס (או Cmd ופלוס) עד 200%.

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

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

שלב 4: ניגודיות (5 דקות)

זה הכשל הכי שכיח בישראל, והוא כמעט תמיד תוצאה של החלטת עיצוב.

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

חשודים קבועים:

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

הרחבתי על בחירת פלטה שעומדת בדרישה במדריך על צבעים באתר.

שלב 5: כותרות ותמונות (7 דקות)

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

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

תיאור טוב מתאר את התוכן, לא את הקובץ. "צוות המשרד בפגישה" — טוב. "IMG_4021" — לא קיים.

שלב 6: הטופס (5 דקות)

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

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

מה עושים עם הרשימה

תעדפו לפי חומרה, לא לפי כמות:

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

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

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

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

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

---

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

---

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