נגישות בסיסית באתר

מה חובה, מה מומלץ, ואיך לא להסתבך

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

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

בישראל קיימות תקנות נגישות שירות שמחייבות הנגשה גם לשירות/מידע הניתן באינטרנט לציבור. נבו+1
בפועל, רוב השוק מתיישר לדרישות של התקן הישראלי ת״י 5568, שמבוסס (בעיקרו) על הנחיות הנגישות של W3C (WCAG 2.0) ומגדיר מה נדרש.

חשוב לדעת: העולם התקדם גם ל-WCAG 2.2 (תקן W3C עדכני יותר), שמוסיף קריטריונים חדשים ומשפר נגישות בעיקר במובייל ובניווט.
גם אם אתם מכוונים לתקן הישראלי- שווה להכיר את העדכונים כדי לא “לגלות בדיעבד” שהאתר נראה טוב אבל בפועל קשה לשימוש.

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

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

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

חובה נוספת היא היררכיית כותרות תקינה. לכל עמוד צריך להיות H1 אחד ברור, ולאחריו H2, H3 וכן הלאה, לפי מבנה התוכן. כותרות הן לא עיצוב – הן מפת ניווט. שימוש בכותרות רק כדי “להגדיל טקסט” יוצר בלבול לקוראי מסך וגם פוגע ב־SEO.

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

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

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

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

מעבר לדרישות החובה, יש התאמות נגישות שלא חייבים לבצע כולן כדי להתחיל, אבל הן משדרגות משמעותית את חוויית המשתמש – וברוב המקרים גם מעלות המרות בפועל. אחת המרכזיות שבהן היא גודל יעדי הלחיצה במובייל: כפתורי CTA, תפריטים ואייקונים צריכים להיות גדולים וברורים מספיק כדי להילחץ בקלות, בלי “לפגוע” בטעות באלמנט אחר. כפתור קטן מדי שווה החמצת קליק, בעוד שריווח נכון ושטח לחיצה נדיב מפחיתים טעויות ומגדילים פניות. לא במקרה זה אחד הכיוונים ש־WCAG 2.2 מחזק סביב עקרון ה־Target Size של W3C. בנוסף, חשוב לשמור על עזרה עקבית וצפויה – אם יש באתר טלפון, וואטסאפ או תמיכה, המשתמש צריך למצוא אותם באותו מקום לאורך כל הגלישה, בלי לחפש מחדש בכל עמוד. ולבסוף, שפה פשוטה ומבנה ברור עושים הבדל עצום: פסקאות קצרות, נקודות, כותרות משנה והדגשה ברורה של “מה יוצא לי מזה” מקלים על הבנה, מקצרים זמן החלטה, ועוזרים לכל משתמש, עם או בלי מגבלה– להתקדם לפעולה.

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

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

2) מה הדבר הראשון שכדאי לתקן אם אין זמן?

טפסים + ניווט מקלדת + כפתורי פעולה. שם הכי הרבה משתמשים “נופלים”.

3) אלמנטור “עושה נגישות” לבד?

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

4) מה לגבי PDF שמעלים לאתר?

PDF לא נגיש הוא מוקש נפוץ. אם אתם חייבים PDF, עדיף להוסיף גם גרסת HTML/טקסט בעמוד.

5) איך בודקים מהר אם האתר סביר?

Tab בכל העמוד + זום 200% + ניסיון למלא טופס בלי עכבר. זה יגלה המון.

6) האם זה גם משפר SEO?

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

כבר חוזרים אליכם

תודה, נחזור אליכם בהקדם