WCAG רמה AAA: מצוינות בנגישות, ומה כדאי לאמץ ממנה

למה בכלל יש רמה AAA?

רמה AAA היא לאתרים שמשרתים אוכלוסיות עם צרכים מיוחדים. בעיקר:

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

לאתרים האלו, רמה AA לא מספיקה. אדם עיוור שצריך לדעת מה התרופה שלו, או חולה דמנציה שצריך להזמין תור — צריך מקסימום פשטות וקלות. שם נכנסת AAA.

הקריטריונים הבולטים ברמה AAA

1.2.6 — שפת סימנים (מוקלט)

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

1.2.7 — תיאור אודיו מורחב

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

1.4.6 — ניגודיות (משופרת)

במקום 4.5:1 (AA), צריך 7:1. זה הופך לאתגר עיצובי משמעותי. צבעים פסטליים? אסור. גוונים עדינים? אסור. הכל חייב להיות חד וברור.

1.4.8 — מצג חזותי

כללים מרובים על טיפוגרפיה:

• בחירת צבע טקסט ורקע על-ידי המשתמש.
• רוחב פסקה לא יותר מ-80 תווים (40 בעברית/סינית).
• לא יישור דו-צדדי (justify) — כן ימינה או שמאלה בלבד.
• ריווח שורות לפחות 1.5.
• טקסט ניתן להגדלה עד 200% בלי שגלילה אופקית.

1.4.9 — תמונות של טקסט (מאזן AAA)

ב-AA יש חריגות (לוגואים, תקליטים מותגיים). ב-AAA — אין חריגות. כל טקסט חייב להיות טקסט.

2.1.3 — מקלדת (ללא חריגות)

ב-A יש חריג: פעולות שדורשות "מסלול תלוי-זמן" (כמו ציור חופשי) — פטורות. ב-AAA אין חריג. כל פיצ'ר חייב נגיש במקלדת. ציור חופשי? צריך גם מקלדת.

2.2.3 — ללא מגבלת זמן

ב-AA מספיק להאריך זמן. ב-AAA אסור שתהיה מגבלת זמן בכלל. למעט אירועים חיים שמוקלטים.

2.2.4 — הפרעות

המשתמש חייב יכולת לדחות או לכבות הפרעות (notifications, modal popups). מלבד חירום.

2.3.2 — שלוש הבזקות

ב-A: לא יותר מ-3 הבזקות בשנייה. ב-AAA: אין הבזקות בכלל. אפילו לא קטנות.

2.4.8 — מיקום

המשתמש חייב לדעת איפה הוא נמצא באתר. breadcrumbs, מפת אתר, כותרת עמוד שמתארת. עמוד ארוך עם הרבה תוכן? צריך הצמדה של תפריט עניינים.

2.4.9 — מטרת קישור (קישור בלבד)

ב-AA: טקסט הקישור מובן בהקשרו ("הורד את המדריך כדי להתחיל"). ב-AAA: טקסט הקישור לבדו חייב להיות מתאר ("הורד את המדריך השנתי לנגישות").

2.4.10 — כותרות קטעים

כל קטע תוכן חייב כותרת. אם הדף הוא wall-of-text — צריך לפצל אותו לקטעים עם כותרות h2/h3.

2.4.12 — פוקוס לא מוסתר (משופר) 2.2

ב-AA: לפחות חלק מהאלמנט עם פוקוס נראה. ב-AAA: כל האלמנט נראה.

2.4.13 — מראה פוקוס 2.2

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

2.5.5 — גודל יעד (משופר)

ב-AA: 24×24px. ב-AAA: 44×44px. כפתורים קטנים אסורים בכלל.

2.5.6 — מנגנוני קלט מרובים בו-זמנית

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

3.1.3 — מילים לא רגילות

אם יש בטקסט מונחים טכניים, סלנג, ז'רגון — חייב לספק הגדרה. בדרך כלל דרך <abbr title="..."> או קישור למילון.

3.1.4 — קיצורים

כל קיצור חייב הסבר. "WCAG" חייב פעם אחת לפחות "WCAG" עם title מלא.

3.1.5 — רמת קריאה

הטקסט חייב להיות ברמת קריאה של תחילת חטיבת ביניים (כיתות ז-ט). אם הוא יותר מורכב — חייב לספק גרסה פשוטה יותר, קיצור, סיכום, או הסבר.

3.1.6 — הגייה

לכל מילה דו-משמעית מבחינת הגייה — חייב להוסיף ניקוד או רמז קולי. בעברית: "שָׁבָב" (חישוב) לעומת "שִׁבָּב" (שבר עץ).

3.2.5 — שינוי לפי בקשה

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

3.3.5 — עזרה

לטפסים חייבת עזרה זמינה (icon "?" ליד שדה, FAQ, צ'אט).

3.3.6 — מניעת שגיאה (כל)

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

3.3.9 — אימות נגיש (משופר) 2.2

אסור CAPTCHA בכלל, גם לא טקסטואלי. הגישה היחידה היא ביומטריה, password manager, או 2FA רגיל.

איך NAGISOT מתמודד עם AAA

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

• 3.1.5 רמת קריאה: ה-AI מקבל פסקה ומחזיר גרסה פשוטה יותר. עובד מצוין עם Gemini 1.5 Flash.
• 3.1.4 קיצורים: ה-AI מזהה ראשי-תיבות לא מוסברים ומציע הסבר.
• 3.1.6 הגייה (עברית): ה-AI מוסיף ניקוד למילים דו-משמעיות.
• 1.4.6 ניגודיות 7:1: אותו מנוע ניגודיות כמו ב-AA, רק עם target גבוה יותר.
• 1.2.4 כתוביות חיות (במהלך עיון בסרטון): Whisper API מייצר כתוביות בזמן אמת. תכונה AAA יקרה מאוד — אנחנו מציעים אותה רק כשהמשתמש לוחץ "הפעל כתוביות".
• 2.4.10 כותרות קטעים: ה-AI מזהה wall-of-text ומציע פיצול לקטעים עם כותרות.
• 3.1.3 מילים לא רגילות: ה-AI מזהה ז'רגון ומציע tooltip עם הסבר בעברית פשוטה.

סיכום — מתי AAA מתאים לך?

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