קריטריון 1.1.1: תוכן לא-טקסטואלי רמה A

פרטי הקריטריון

מה דורש קריטריון 1.1.1?

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

• תמונות נושאות מידע - טקסט חלופי (alt) שמתאר את המידע או הפעולה.
• כפתורים ופקדים - שם נגיש המתאר את הפעולה (למשל "חיפוש").
• תמונות דקורטיביות - alt="" כדי שקורא המסך ידלג עליהן.
• גרפים ותרשימים - תיאור קצר וחלופה טקסטואלית מפורטת לנתונים.
• CAPTCHA - חלופה בלפחות חוש נוסף (למשל גם חזותי וגם שמיעתי).
• מדיה (אודיו/וידאו) - לפחות תיאור מזהה; הנגשה מלאה מטופלת בקריטריוני הנחיה 1.2.

למי זה עוזר?

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

איך עומדים בקריטריון?

• הוסיפו תכונת alt לכל <img> - תיאור ענייני לתמונה נושאת מידע, או alt="" לתמונה דקורטיבית.
• לאייקונים-כפתורים ללא טקסט נראה - הוסיפו aria-label או טקסט מוסתר חזותית.
• אל תכתבו "תמונה של" - קורא המסך כבר מודיע שמדובר בתמונה.
• לגרף מורכב - ספקו טבלת נתונים או סיכום טקסטואלי בסמוך.
• הימנעו מהטמעת טקסט חשוב בתוך תמונה; אם בכל זאת - שכפלו אותו ב-alt.

איך בודקים?

• בדיקה ידנית: עברו על התמונות ובדקו אם ה-alt מתאר נכון את התוכן או הפעולה.
• קורא מסך (NVDA / VoiceOver): נווטו בין התמונות והקשיבו למה שמוקרא.
• כלים אוטומטיים (כמו axe או WAVE) מזהים alt חסר - אך לא יכולים לשפוט אם הטקסט נכון. נדרשת בדיקה אנושית.