מדריך WCAG 2.2: 9 הקריטריונים החדשים שחייבים להכיר ב-2026

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

מה זה WCAG?

WCAG (Web Content Accessibility Guidelines) הן הנחיות בינלאומיות לנגישות תוכן אינטרנט, שפותחו על ידי W3C. הן מאורגנות סביב 4 עקרונות:

• Perceivable (נתפס): משתמשים חייבים להיות מסוגלים לתפוס את המידע
• Operable (ניתן להפעלה): רכיבי הממשק חייבים להיות ניתנים להפעלה
• Understandable (מובן): המידע והממשק חייבים להיות מובנים
• Robust (עמיד): התוכן חייב לעבוד עם טכנולוגיות מסייעות

רמות תאימות: A, AA, AAA

WCAG 2.2 כולל 86 קריטריונים בשלוש רמות:

• רמה A: הבסיס המינימלי - חובה
• רמה AA: הסטנדרט המקובל - נדרש בחוק בישראל ובמרבית המדינות
• רמה AAA: הרמה הגבוהה ביותר - מומלץ לממשל ובריאות

9 הקריטריונים החדשים ב-WCAG 2.2

רמה A (חובה)

1. Focus Not Obscured (Minimum) - 2.4.11

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

מה לעשות: וודאו ש-sticky headers ו-modals לא מסתירים את האלמנט שבפוקוס.

2. Dragging Movements - 2.5.7

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

מה לעשות: אם יש לכם sliders או drag-and-drop, הוסיפו אלטרנטיבה בלחיצה.

3. Target Size (Minimum) - 2.5.8

מטרות לחיצה חייבות להיות לפחות 24x24 פיקסלים, או שיהיה מספיק ריווח ביניהן.

מה לעשות: בדקו כפתורים וקישורים - במיוחד בנייד.

רמה AA (הסטנדרט)

4. Focus Not Obscured (Enhanced) - 2.4.12

גרסה מחמירה יותר: האלמנט בפוקוס לא יכול להיות מוסתר כלל (לא רק "לא לחלוטין").

5. Focus Appearance - 2.4.13

אינדיקטור הפוקוס חייב להיות גלוי מספיק: לפחות 2 פיקסל עובי ויחס ניגודיות 3:1.

מה לעשות: וודאו ש-outline על פוקוס נראה ברור.

6. Consistent Help - 3.2.6

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

מה לעשות: שמרו על כפתור "צור קשר" או "עזרה" באותו מקום.

7. Redundant Entry - 3.3.7

אל תבקשו מהמשתמש להזין אותו מידע פעמיים באותו תהליך.

מה לעשות: אם המשתמש הזין כתובת למשלוח, אל תבקשו אותה שוב לחיוב - השתמשו ב-autocomplete.

8. Accessible Authentication (Minimum) - 3.3.8

אימות לא יכול לדרוש מבחן קוגניטיבי (כמו CAPTCHA קשה) בלי אלטרנטיבה.

מה לעשות: הציעו אימות דו-שלבי, זיהוי ביומטרי, או CAPTCHA נגיש.

רמה AAA (מומלץ)

9. Accessible Authentication (Enhanced) - 3.3.9

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

מה בוטל מ-WCAG 2.2?

קריטריון 4.1.1 (Parsing) הוסר כי דפדפנים מודרניים מתקנים שגיאות HTML באופן אוטומטי.

תאימות לאחור

WCAG 2.0, 2.1 ו-2.2 תוכננו להיות תואמים לאחור. אתר שעומד ב-WCAG 2.2 עומד גם ב-2.1 וב-2.0.

לוחות זמנים חשובים

איך להתחיל?

1. בדיקה ראשונית: בדקו את האתר שלכם לזיהוי בעיות קיימות
2. תעדוף: התמקדו קודם ברמה A, אחר כך AA
3. קריטריונים חדשים: בדקו במיוחד את 6 הקריטריונים של רמה AA
4. עדכון הצהרת נגישות: ציינו לאיזה תקן אתם שואפים

כלים לבדיקה

• axe DevTools: תוסף דפדפן חינמי לבדיקה בסיסית
• WAVE: כלי מקוון לבדיקת נגישות
• Lighthouse: מובנה בכלי המפתחים של Chrome
• בדיקה ידנית: אין תחליף - במיוחד לניווט מקלדת