האם האתר שלך חושף אותך לתביעות?
הבשורה הטובה על נגישות: רוב הכשלים חוזרים על עצמם, וכמעט כולם ניתנים לתיקון מהיר. מתוך אבחונים על אתרי וורדפרס אמיתיים, אלה 7 התיקונים שחוזרים הכי הרבה. חשוב לזכור: בדיקה אוטומטית מזהה כ-30-40% מהחסמים — התיקונים כאן מכסים בעיקר את החלק הזה. עמידה מלאה דורשת גם בדיקה ידנית. פירוט מלא בפילר על נגישות אתרים והחוק.
1. חסימת זום במובייל — הכשל החד ביותר
הרבה תבניות מוסיפות שורה שמונעת ממשתמש להגדיל את הטקסט בטלפון. זו הפרה ישירה (WCAG 1.4.4): אדם עם לקות-ראייה פשוט לא יכול להגדיל. חפש בקוד את תגית ה-viewport, והסר את maximum-scale ואת user-scalable=no:
<!-- לא תקין -->
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no">
<!-- תקין -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">2. אתר בלי כותרות (headings)
קורא-מסך מנווט לפי הכותרות (H1, H2...). עמוד בלי מבנה-כותרות נראה מצוין למי שרואה, ובלתי-אפשרי למי שמשתמש בקורא-מסך. ודא H1 יחיד לכל עמוד והיררכיה הגיונית תחתיו (WCAG 1.3.1 / 2.4.6). זה גם עוזר לSEO הטכני.
3. ניגודיות טקסט נמוכה
טקסט אפור-בהיר על לבן, או לבן על צבע בהיר — "מעוצב" אבל לא קריא. התקן דורש יחס ניגודיות של לפחות 4.5:1 לטקסט רגיל (WCAG 1.4.3). בדוק את הצבעים בכלי-ניגודיות חינמי, וכהה את הגוונים הבהירים עד שהם עוברים את הסף.
4. תמונות בלי טקסט חלופי (alt)
לכל תמונה משמעותית צריך טקסט חלופי שמתאר אותה, כדי שקורא-מסך יוכל להקריא. בוורדפרס ממלאים את שדה ה"טקסט חלופי" בספריית-המדיה. תמונות דקורטיביות בלבד — alt ריק, כדי שקורא-המסך ידלג עליהן.
5. קישורי-אייקון בלי שם
כפתור וואטסאפ, אייקון אינסטגרם, לוגו שמוביל לדף-הבית — אם הם רק תמונה בלי תווית, קורא-המסך אומר "קישור" בלי לאן (WCAG 2.4.4 / 4.1.2). הוסף aria-label תיאורי לכל אחד:
<a href="https://wa.me/..." aria-label="פנייה בוואטסאפ">...</a>6. אי-אפשר לנווט במקלדת
יש משתמשים שמנווטים אך ורק במקלדת (Tab לקדימה, Enter לבחירה). ודא שאפשר להגיע לכל קישור, כפתור וטופס בלי עכבר, ושיש סימון-מיקוד (focus) נראה — מסגרת שמראה איפה אתה. תפריטים שנפתחים רק ב-hover של עכבר הם מלכודת נפוצה.
7. טפסים בלי תוויות
שדה-טופס צריך תווית (label) מקושרת, לא רק placeholder אפור שנעלם כשמתחילים להקליד. בלי label, קורא-מסך לא יודע מה למלא בשדה. ודא שכל שדה — שם, טלפון, הודעה — קשור ל-label משלו.
💡 ווידג'ט הנגישות לא מתקן את אלה. הכפתור הצף מוסיף כלי-עזר לחלק מהמשתמשים, אבל הוא לא מוסיף כותרות, לא נותן שם לקישורים ולא מתקן טופס. ווידג'ט ≠ ציות.
✅ רוצה לדעת בדקה אילו כשלי-נגישות נפוצים יש אצלך? הרץ בדיקת חשיפה חינמית — סריקה חיצונית שמראה את סימני-האזהרה של נגישות, פרטיות ואבטחה. בדקה, בחינם.
מה עושים עכשיו — הצעד הראשון
- בדוק איפה אתה עומד. הרץ בדיקת חשיפה חינמית — תראה את הכשלים הנפוצים בציר הנגישות, עם הסבר מה כל ממצא אומר.
- עבור על 7 התיקונים — רובם תיקוני-דקות.
- פרסם הצהרת נגישות שמשקפת את המצב המתוקן.
- לכשלים העמוקים — ניווט-מקלדת מלא וקורא-מסך — כדאי ליווי מקצועי.