WCAG בעברית פשוטה: A, AA ו-AAA — מה ההבדל?

מה זה בכלל WCAG?

WCAG זה קיצור של Web Content Accessibility Guidelines — הנחיות נגישות התוכן באינטרנט. זה תקן שמפותח ומתוחזק על-ידי W3C (World Wide Web Consortium), הגוף הבינלאומי שמגדיר את הסטנדרטים של הרשת. אותו ארגון שהגדיר איך HTML, CSS ו-JavaScript אמורים להתנהג, הוא גם זה שמכתיב מה זה אומר "אתר נגיש".

לאחרונה (אוקטובר 2023) פורסמה הגרסה החדישה ביותר, WCAG 2.2. הגרסה הקודמת, WCAG 2.1 משנת 2018, עדיין נמצאת בשימוש בהרבה מקומות, כולל בחוק הישראלי. כל גרסה מוסיפה קריטריונים חדשים אבל לא מבטלת ישנים — מי שעומד ב-2.2 עומד אוטומטית גם ב-2.1 וב-2.0.

ארבעת העקרונות: POUR

לפני שמדברים על הרמות A, AA, AAA — חשוב להבין שכל הקריטריונים של WCAG מסודרים תחת ארבעה עקרונות יסוד. בעולם המקצועי קוראים להם בקיצור POUR:

1. P — Perceivable (ניתן לתפיסה): המידע באתר חייב להיות נתפס דרך לפחות חוש אחד. תמונה? צריכה תיאור טקסטואלי. סרטון? צריך כתוביות. צבע? לא יכול להיות הדרך היחידה למסור משמעות.
2. O — Operable (ניתן להפעלה): המשתמש חייב להצליח להפעיל את האתר. ניווט במקלדת בלבד, בלי לכודי פוקוס, בלי לחיצה שיש לה רק תגובה למגע מסך — בלי שזה קורה גם במקלדת.
3. U — Understandable (ניתן להבנה): השפה צריכה להיות ברורה, הניווט עקבי, הודעות שגיאה אנושיות. אם המשתמש לוחץ על "שלח" וקיבל "ERROR_42" — זו כשלון הבנה.
4. R — Robust (חסון): הקוד תקין דיו כדי שטכנולוגיות מסייעות (קוראי מסך כמו NVDA או VoiceOver) יוכלו לעבוד איתו. HTML בלי שגיאות, ARIA נכון.

רמה A — קו הבסיס

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

דוגמאות לקריטריונים ברמה A:

• 1.1.1 — Non-text Content: כל תוכן לא-טקסטואלי (תמונות, איקונים) חייב טקסט חלופי. בלי זה, עיוור שמשתמש בקורא מסך פשוט לא יודע מה יש בתמונה.
• 1.4.1 — Use of Color: אסור להעביר מידע רק באמצעות צבע. אם שדה שגוי בטופס מסומן רק באדום — עיוור צבעים לא יראה את זה.
• 2.1.1 — Keyboard: כל פונקציה חייבת להיות נגישה במקלדת בלבד. בלי זה, אנשים עם מוגבלות מוטורית שלא יכולים להשתמש בעכבר — לא יכולים להשתמש באתר.
• 2.4.1 — Bypass Blocks: חייב להיות "דלג לתוכן" — קישור שמאפשר לקפוץ מעל התפריט הראשי. אחרת קוראי מסך נאלצים להאזין שוב ושוב לאותו תפריט בכל עמוד.
• 3.3.1 — Error Identification: שגיאות בטפסים חייבות להיות מזוהות בטקסט (לא רק בצבע).

רמה AA — התקן המחייב

רמה AA היא הרמה שהחוק הישראלי מחייב. גם הרגולציה האירופית (EAA), גם פסיקות ה-ADA בארה"ב, גם רוב חוקי הנגישות בעולם — כולם מתכנסים סביב WCAG ברמה AA.

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

דוגמאות לקריטריונים ברמה AA (שאינם ברמה A):

• 1.4.3 — Contrast (Minimum): ניגודיות מינימלית של 4.5:1 בין טקסט לרקע. זה הקריטריון שכל בודק נגישות פותח איתו, כי הוא הכי נפוץ.
• 1.4.4 — Resize Text: המשתמש חייב להיות מסוגל להגדיל טקסט עד 200% בלי שהאתר יישבר.
• 1.4.10 — Reflow: כשמגדילים תוכן, לא צריך להיות גלילה אופקית — הטקסט חייב להתעטף.
• 2.4.7 — Focus Visible: כל אלמנט שמקבל פוקוס במקלדת חייב להראות את זה ויזואלית. outline: none בלי תחליף = הפרה.
• 3.3.3 — Error Suggestion: כשיש שגיאה בטופס, צריך גם להציע איך לתקן אותה — לא רק "שגיאה" אלא "אימייל לא חוקי, חסר @".
• 4.1.3 — Status Messages: שינויי מצב דינמיים (טוסט שמופיע, ספירת תוצאות שמתעדכנת) צריכים להיות מודעים לקוראי מסך דרך aria-live.

רמה AAA — מצוינות

רמה AAA היא הרמה הגבוהה ביותר. אף חוק במדינה דמוקרטית לא מחייב את הרמה הזו על אתרים מסחריים רגילים — וזה לא בטעות. ה-W3C עצמו אומר שלא כל סוגי תוכן יכולים להגיע ל-AAA.

דוגמאות לקריטריונים ב-AAA:

• 1.4.6 — Contrast (Enhanced): ניגודיות 7:1 (במקום 4.5:1 ב-AA).
• 1.2.6 — Sign Language: סרטונים מצריכים פרשנות לשפת סימנים.
• 3.1.5 — Reading Level: טקסטים מורכבים חייבים גרסה פשוטה יותר ברמת קריאה של תחילת חטיבת ביניים.
• 2.4.9 — Link Purpose (Link Only): כל קישור חייב לתאר את היעד שלו רק מהטקסט שלו, בלי תלות בהקשר.

אז איזו רמה חובה עליך?

השורה התחתונה: אם יש לך אתר עסקי בישראל, אתה חייב WCAG 2.0 רמה AA. זה לא המלצה. זו חובה משפטית מאז 26 באוקטובר 2017. הקנס המרבי הוא כ-75,000 ש"ח לכל הפרה, ותביעה ייצוגית יכולה להגיע ל-50,000 ש"ח ללא הוכחת נזק.

איפה NAGISOT נכנס לתמונה

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

• רמה A: חינם לכולם, פועל מהשנייה הראשונה. נותן למשתמש שליטה על גודל טקסט, ניגודיות, פונט, הקראה ועוד.
• רמה AA: פעיל עם מפתח LLM שלך (Gemini, OpenAI). המערכת מזהה תמונות בלי alt ומייצרת תיאור, מזהה קישורים עמומים ומציעה שכתוב, מוסיפה תוויות לטפסים. כל זה — בזמן הריצה, בדפדפן של המשתמש.
• רמה AAA: פיצ'רים כמו הקראה איכותית, פישוט טקסט, ועוד.
• מה אנחנו לא: אנחנו לא תחליף לבדיקת מורשה נגישות. שום תוסף לא יכול להפוך אתר בעל מבנה שגוי לבסיסו לאתר נגיש. אבל אנחנו הכי קרובים שאפשר לפתרון אוטומטי שמכבד את החוק והמשתמשים.