בדיקת נגישות בסיסית: 6 בדיקות שאתם יכולים לעשות לבד באתר שלכם
6 בדיקות נגישות שאפשר לעשות לבד בדפדפן ובמקלדת, מה כל אחת אומרת, ומה היא לא מגלה.
בדיקת נגישות בסיסית לאתר אפשר לעשות לבד, עם דפדפן ומקלדת, בפחות מחצי שעה. בודקים 6 דברים: שהתוכן קריא בהגדלה של 200%, שיש פוקוס גלוי כשעוברים עם Tab, שיש קישור לדילוג לתוכן, שהניווט עקבי בכל העמודים, שיש שדה חיפוש, ושיש הצהרת נגישות. הבדיקה הזו מראה אם השלד של האתר נגיש. היא לא מחליפה בדיקה מקצועית מלאה.
סיפור קטן לפני שמתחילים
יוסי מתנייד בכיסא גלגלים בעקבות פציעה מהשירות הצבאי. הוא הזמין דירת נופש בצפון איטליה, וכשהגיע גילה שאין שביל לכניסה, רק מדרגות. הוא עזב באותו יום וחיפש מקום אחר במדינה זרה. שני הצדדים הפסידו: יוסי בזבז יום, ובעל הדירה איבד לקוח שכבר היה בפתח.
אתר שאינו נגיש הוא בדיוק הדירה הזו. השקעתם בעיצוב, במבצעים, בשירות. אבל אם אדם עם מוגבלות לא מצליח להתמצא, הוא עוזב מתוסכל, ואתם מפסידים לקוח. וזה נכון לאתרים, לאפליקציות, לסרטונים ולכל תוכן שאתם מעלים.
6 הבדיקות
| # | בדיקה | איך בודקים | מה אמור לקרות |
|---|---|---|---|
| 1 | הגדלה ל-200% | Ctrl ו-+ עד 200% (או זכוכית המגדלת בתפריט הדפדפן) | כל התוכן נקרא, שום דבר לא נחתך או עולה על דבר אחר |
| 2 | פוקוס גלוי | לחיצות על Tab מתחילת העמוד | מסגרת או סימון ברור סביב כל רכיב שמגיעים אליו |
| 3 | קישור דילוג | לחיצה אחת על Tab בטעינת העמוד | מופיע קישור כמו "דלג לתוכן הראשי" שמוביל לתוכן |
| 4 | ניווט עקבי | מעבר בין כמה עמודים | אותו תפריט, באותו מקום, בכל עמוד |
| 5 | שדה חיפוש | חיפוש בעמוד הבית ובעמודים פנימיים | שדה חיפוש זמין וניתן להפעלה מהמקלדת |
| 6 | הצהרת נגישות | חיפוש קישור בפוטר | קישור להצהרה בכל עמוד, עם פרטי קשר עדכניים |
- הגדילו את התצוגה ל-200% ועברו על עמוד הבית ועל שני עמודים פנימיים.
- חזרו ל-100%, לחצו בשורת הכתובת ואז Tab פעם אחת. חפשו קישור דילוג.
- המשיכו עם Tab לאורך כל העמוד. בדקו שתמיד רואים איפה אתם, ושאפשר להפעיל כל כפתור עם Enter.
- עברו בין עמודים ובדקו שהתפריט זהה ובאותו מקום.
- חפשו שדה חיפוש והפעילו אותו בעזרת המקלדת בלבד.
- גללו לפוטר ומצאו את קישור הצהרת הנגישות.
בדיקה 1: הגדלה ל-200%
הרבה אנשים עם לקות ראייה מגדילים את התצוגה כדי לקרוא. בהגדלה של 200% כל התוכן צריך להיות זמין: טקסט לא נחתך, תפריטים לא נעלמים, כפתורים לא מסתתרים מאחורי רכיב אחר. אם חלק מהתוכן "נשבר", זו בעיה שצריך לטפל בה.
בדיקה 2: פוקוס גלוי עם Tab
המקש Tab מעביר בין הרכיבים שאפשר ללחוץ עליהם: קישורים, כפתורים, שדות. מי שמנווט במקלדת חייב לראות על איזה רכיב הוא נמצא, בדרך כלל באמצעות מסגרת. אם אתם לוחצים Tab ולא רואים שום שינוי, משתמש שלא עובד עם עכבר פשוט הולך לאיבוד. בדקו גם ש-Shift ו-Tab מחזירים אחורה, ושלא נתקעים בשום מקום, למשל בחלון קופץ.
בדיקה 3: קישור לדילוג לתוכן
בלי קישור דילוג, משתמש מקלדת צריך לעבור על כל פריטי התפריט, ולפעמים גם על סליידר שלם, בכל עמוד מחדש, לפני שהוא מגיע לתוכן. קישור "דלג לתוכן הראשי" שמופיע בלחיצה הראשונה על Tab פותר את זה. הוא צריך להיות חלק מקוד האתר, ולא להיות תלוי בתוסף.
בדיקה 4: ניווט עקבי בכל העמודים
תפריט ניווט ברור ומסודר בכל עמוד מאפשר לחזור לעמוד הבית, לקטגוריה או לעמוד הקודם בלחיצה אחת. התפריט צריך להופיע באותו מקום ובאותו סדר בכל העמודים, כדי שמשתמש שלמד אותו פעם אחת לא יצטרך ללמוד אותו מחדש.
בדיקה 5: שדה חיפוש
לא כל מי שנכנס לאתר מוצא מיד את מה שהוא מחפש. שדה חיפוש עוזר לכולם להתמצא, ובמיוחד למי שמשתמש בקורא מסך ולא יכול לסרוק את העמוד בעין. אם אין באתר שלכם שדה חיפוש, בקשו מהמפתח להוסיף אותו במקום קבוע שמופיע בכל העמודים.
בדיקה 6: הצהרת נגישות
כל אתר ואפליקציה צריכים הצהרת נגישות: מה הונגש, מה עדיין לא, ואיך פונים לרכז הנגישות. קישור להצהרה צריך להופיע בכל עמוד, בדרך כלל בפוטר. אין לכם הצהרה, או שהיא הועתקה מאתר אחר? כל החלקים שהיא צריכה לכלול, במאמר איך כותבים הצהרת נגישות.
עשיתם את הבדיקה ומצאתם בעיות?
השאירו שם וטלפון, ואחזור אליכם עם הסבר מה כדאי לתקן קודם.
מה הבדיקה הבסיסית לא מגלה
שש הבדיקות האלה בודקות את השלד. הן לא בודקות טקסט חלופי לתמונות, תוויות בטפסים, ניגודיות צבעים, איך קורא מסך מקריא את העמוד, ועוד עשרות קריטריונים בתקן. את התוכן עצמו, עמוד אחר עמוד, אפשר לבדוק בעזרת הרשימה במאמר בדיקת נגישות תוכן. ובשביל תמונה מלאה צריך בדיקה ידנית מקצועית, עם טכנולוגיות מסייעות, כמו שמתואר במאמר בדיקת נגישות לאתר.
ועוד דבר: אם מישהו אחר בנה לכם את האתר, שאלו אותו מה הוא התחייב לגבי נגישות, ובדקו מה כתוב בהסכם. בסוף, מי שעומד מול המשתמשים הוא בעל האתר.
בסרטון: איך יודעים אם האתר נגיש
- 0:30 למה בדיקה עצמית נותנת רק אינדיקציה.
- 1:00 נגישות כוללת מגוון רחב של קריטריונים שדורשים מיומנות.
- 1:30 מה לבדוק בהסכם מול מי שבנה את האתר.
- 2:02 מי באמת יכול לבדוק: משתמשים עם טכנולוגיות מסייעות או מומחה נגישות.
- 3:07 למה כדאי לוודא את זה עכשיו.
בדיקה בסיסית לאתר קטן לוקחת בערך 20 עד 30 דקות לעמוד הבית ולעוד שני שלושה עמודים. כדאי לבדוק בשני דפדפנים. מהטלפון אפשר חלק מהבדיקות, אבל Tab ופוקוס נעשים במחשב. אם עלו בעיות, קודם מה שחוסם: פוקוס בלתי נראה, רכיב שלא מגיעים אליו במקלדת, תוכן שנחתך בהגדלה.
מעדיפים שנעשה את זה בשבילכם?
אנחנו מנגישים אתרי וורדפרס מקצה לקצה: בדיקה, תיקון בקוד, בדיקות אמת והצהרה חתומה. ספרו לנו על האתר.