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

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

✅ למה בכלל צריך להנגיש אתר?

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

אבל זה לא רק בשבילם.
אתר נגיש הוא אתר טוב יותר לכולם: הוא ברור יותר, קריא יותר, מהיר יותר ומאורגן יותר — וזה בדיוק מה שגוגל אוהב.

🔵 חלק 1: מה צריך כדי להנגיש אתר?

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

✔ 1. מבנה תקין של HTML

תקינות כותרות (H1-H6), שימוש נכון ב־ARIA, תגיות alt לתמונות, שדות טפסים מסומנים — כל אלה משפיעים ישירות על קריאות האתר לקוראי מסך.

✔ 2. ניגודיות צבעים תקינה

לפי תקן WCAG 2.2, היחס הנדרש הוא לפחות 4.5:1 לטקסט רגיל.
ניגודיות נמוכה = בעיית הנגשה מיידית.

✔ 3. ניווט מלא באמצעות מקלדת

משתמשים רבים אינם משתמשים בעכבר. לכן יש לדאוג שכל רכיבי האתר יהיו נגישים עם מקש TAB.

✔ 4. טקסט ברור וקריא

מינימום 14–16px, ריווח שורות תקין, פסקאות קצרות והיררכיה ברורה.

✔ 5. תוספי נגישות אינם פותרים הכול

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

🔵 חלק 2: איך מנגישים אתר לפי WCAG 2.2?

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

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

🔹 1. תפיסתיות (Perceivable)

• טקסט חלופי לתמונות

• כתוביות לסרטונים

• היררכיית כותרות

• התאמת צבעים

🔹 2. תפעוליות (Operable)

• ניווט מקלדת

• מניעת אנימציות מהבהבות

• אפשרות לעצור מצגות נעות

🔹 3. מובנות (Understandable)

• טפסים עם הסברים

• תוויות (labels) לכל השדות

• הודעות שגיאה ברורות

🔹 4. רובסטיות (Robust)

• התאמה מלאה לקוראי מסך

• קוד HTML תקין

• שימוש נכון ב־ARIA roles

🔵 חלק 3: הנגשת אתר וורדפרס – איך עושים את זה נכון?

וורדפרס הוא אחד ה־CMS הנוחים ביותר להנגשה, אך עדיין חובה לבצע התאמות:

✔ שימוש בתבנית (Theme) תומכת הנגשה

לא כל תבנית מותאמת תקן — חשוב לבחור אחת עם תמיכה מובנית ב־WCAG.

✔ בדיקת תוספים בעייתיים

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

✔ תוסף נגישות איכותי

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

✔ הוספת Alt לתמונות בקלות

וורדפרס מאפשרת להוסיף טקסט חלופי מתוך ספריית המדיה — חובה לכל תמונה.

🔵 חלק 4: בדיקת הנגשת אתר – איך עושים זאת נכון?

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

✔ כלי בדיקה מומלצים:

• WAVE

• Google Lighthouse – Accessibility

• axe DevTools

• Accessibility Checker for WordPress

✔ בדיקה ידנית של מומחה נגישות

כל כלי אוטומטי מזהה רק כ־30% מהבעיות.
בשלב זה המומחה בודק:

• קריאת קורא מסך (NVDA / JAWS)

• ניגודיות

• ניווט מקלדת

• התנהגות טפסים

• בעיות ARIA

🔵 חלק 5: הנגשת אתר – מדריך קצר ל־Checklist מהיר

להלן טבלה קצרה לשימוש מהיר:

🔵 חלק 6: איך להנגיש אתר בצורה הטובה ביותר – טיפים של מומחים

✔ תמיד להתחיל מהתוכן

תוכן ברור = אתר נגיש יותר.

✔ לא להגזים עם אפקטים

פופ־אפים, תזוזות, מעברונים — אויבי ההנגשה.

✔ לעבוד לפי מסמך WCAG 2.2 בעברית

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

✔ לבצע בדיקה חוזרת כל מספר חודשים

אתר מתעדכן → גם ההנגשה צריכה להתעדכן.

🟢 סיכום: הנגשה נכונה = חוויית משתמש + עמידה בחוק + SEO טוב יותר

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