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

מה זה אתר נגיש בפועל

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

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

התקן הישראלי והנחיות WCAG

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

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

למה תוסף נגישות לבד לא מספיק

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

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

מה כולל תהליך הנגשה

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

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

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

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

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

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

טעויות נפוצות בהנגשה

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

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

נגישות היא תהליך מתמשך

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