נגישות אתרים: איך לבצע בדיקה ראשונית ולתעדף תיקונים

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

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

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

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

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

איך לבדוק את האתר באופן שיטתי?

בדקו קודם את העמודים והפעולות המרכזיים

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

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

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

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

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

1. סרקו כמה עמודים מייצגים: שמרו את הממצאים וכתובות העמודים. הבחינו בין שגיאה מזוהה לבין סעיף שמחייב בדיקה אנושית.
2. הניחו את העכבר בצד: השתמשו ב-Tab וב-Shift+Tab למעבר בין רכיבים, וב-Enter או במקש הרווח להפעלה לפי סוג הרכיב. בדקו גם סגירת חלונות ותפריטים באמצעות המקלדת.
3. עקבו אחר המיקוד: בכל מעבר צריך להיות ברור איזה קישור, כפתור או שדה פעיל. ודאו שהמיקוד אינו מוסתר מאחורי כותרת דביקה או חלון.
4. הגדילו את התצוגה: נסו הגדלה ל-200% כבדיקה ראשונית. חפשו טקסט שנחתך, רכיבים שחופפים וכפתורים שנעלמים. זו אינה בדיקה מלאה של כל דרישות ההגדלה והזרימה מחדש.
5. בדקו מעבר בין מצבים: פתיחת תפריט, הצגת הודעה והחלפת תוכן צריכות להשאיר את המשתמשים עם דרך ברורה להמשיך.

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

מה צריך לבדוק באתר של עסק קטן?

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

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

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

מה כדאי לבדוק בחנות מקוונת?

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

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

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

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

האם תוסף נגישות לאתר וורדפרס מספיק?

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

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

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

איך לתעד ממצאים, לתעדף תיקונים ולתחזק נגישות?

מה לכלול ברישום הממצאים

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

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

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

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

מה לבדוק בהצהרת הנגישות

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

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

הצעד הבא: הפכו את הבדיקה לרשימת עבודה

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

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