אלה 7 טיפים לשיפור נגישות האתר שאתם יכולים ליישם בעצמכם, ברוב המקרים ממערכת הניהול ובלי מתכנת. הם לא מחליפים הנגשה מלאה לפי התקן. אבל הם מטפלים בליקויים שאני רואה כמעט בכל בדיקה, ומשפרים את האתר כבר מהיום.
7 טיפים לשיפור נגישות האתר
1. טקסט חלופי לכל תמונה שמעבירה מידע
כתבו מה התמונה אומרת, לא "תמונה של". אם לוגו מקשר לדף הבית, הטקסט החלופי הוא "דף הבית" או שם העסק, לא "לוגו". לתמונה דקורטיבית משאירים טקסט חלופי ריק. דוגמאות מלאות יש במדריך לאתר נגיש.
2. כותרות לפי מבנה, לא לפי גודל
משתמשי קורא מסך מדלגים בין כותרות כדי להבין את העמוד. H1 אחד לעמוד, H2 לכל נושא, ו-H3 בתוך נושא. אל תבחרו H4 רק כי הגופן שלו נראה לכם טוב.
3. כותרת עמוד ברורה
הכותרת שבלשונית הדפדפן היא הדבר הראשון שקורא המסך מקריא כשנכנסים לעמוד. "דף הבית" לבד לא אומר כלום. "שירותי הנגשת אתרים | שם העסק" כן. אותה כותרת היא גם מה שמופיע בגוגל.
4. לא להעביר מידע רק בצבע
שדה חובה שמסומן רק באדום, או "הירוק זמין והאדום אזל", לא עובדים למי שלא מבחין בצבעים. מוסיפים טקסט: "שדה חובה", "אזל מהמלאי". אותו דבר נכון לאימוג'י ולאייקונים בלי טקסט.
5. ניגודיות של 4.5:1 לפחות
זה היחס המינימלי בין צבע טקסט רגיל לצבע הרקע. אפור בהיר על לבן, הצבע הכי פופולרי באתרים מעוצבים, נכשל כמעט תמיד. בודקים עם כלי בדיקת ניגודיות חינמי, לפני שבוחרים פלטה.
6. האתר עובד בהגדלה של 200%
הגדילו את התצוגה בדפדפן ל-200% ועברו על העמודים המרכזיים. טקסט שנחתך, תפריט שנעלם או כפתור שמסתתר מתחת לאלמנט אחר הם ליקויים. בדקו גם בנייד.
7. קישורים שאפשר לזהות ולהבין
קישור צריך להיראות כמו קישור, למשל עם קו תחתון ולא רק בצבע. הטקסט שלו צריך להסביר לאן הוא מוביל. "לחצו כאן" שחוזר חמש פעמים בעמוד נשמע בקורא מסך כמו חמישה קישורים זהים.
רוצים לדעת מה עוד חסר?
נבדוק את האתר מול התקן ונשלח לכם רשימת ליקויים.
למה תוסף נגישות לא מופיע ברשימה
כי אף אחד מ-7 הטיפים לא מתבצע על ידי תוסף. התוסף לא כותב טקסט חלופי שמבין את ההקשר, לא מסדר היררכיה של כותרות ולא משנה את הפלטה בקוד. הוא מוסיף כפתורים מעל האתר. אם יש לכם תוסף ואתם רוצים לדעת מה המצב, בקשו מהספק את טופס הבדיקה של הנציבות, הטופס בגרסת ה-Excel, ממולא לאתר שלכם. דוח מהתוסף לא מחליף אותו.
מה עוד צריך מעבר ל-7 הטיפים
הטיפים מכסים את מה שאפשר לעשות לבד. הנגשה מלאה כוללת גם ניווט מקלדת, טפסים, רכיבים דינמיים, כתוביות לסרטונים, מסמכים נגישים והצהרת נגישות. כדי לראות איך זה נראה כשהכול עשוי, הסתכלו על אתר נגיש לדוגמה. לבדיקה ולהנגשה מלאה, ראו את עמוד הנגשת אתרים.
שאלות נפוצות על טיפים לשיפור נגישות האתר
אפשר ליישם את הטיפים בלי מתכנת?
רובם כן. טקסט חלופי, כותרות, כותרת עמוד וניסוח קישורים נעשים ממערכת הניהול. ניגודיות והגדלה לפעמים דורשות שינוי בתבנית.
אם יישמתי את 7 הטיפים, האתר נגיש?
לא. הם משפרים מאוד, אבל התקן כולל עוד הרבה קריטריונים.
מה יחס הניגודיות המינימלי?
4.5:1 לטקסט רגיל, ו-3:1 לטקסט גדול.
מה כותבים בטקסט חלופי של לוגו?
את שם העסק, או "דף הבית" אם הלוגו מקשר אליו.
תוסף נגישות מחליף את הטיפים?
לא. אף אחד מהם לא מתבצע על ידי תוסף.
מומחה להנגשת אתרי אינטרנט וקצין הגנת פרטיות מוסמך (DPO). מעל 9 שנות ניסיון בליווי ארגונים לעמידה בתקנות הנגישות, ת"י 5568 ובחוק הגנת הפרטיות.
חושבים שהאתר שלכם חשוף?
אל תישארו עם התחושה. שלחו כתובת אתר ונחזור אליכם עם תמונת מצב ראשונית, בלי התחייבות.