טקסט חלופי לתמונות
מידע המועבר באמצעות תמונות אינו נגיש לאנשים עיוורים ולמנועי חיפוש. טקסט חלופי לתמונות המתאר את מהות התמונה מאפשר לתוכנות קורא מסך (Screen Reader) להקריא למשתמש את הטקסט החלופי, וכך מאפשר לו נגישות למידע הגרפי.
קריטריונים בהנחיות הנגישות
1.1.1 תכנים שאינם טקסטואליים – כל התכנים הלא-טקסטואליים המוצגים למשתמש צריכים להיות מלוּוים בחלופות טקסטואליות המשמשות למטרה זהה, מלבד המצבים הרשומים בהמשך (רמה A).
טכניקות
יש להוסיף טקסט חלופי לכל התמונות במסך באמצעות "alt attribute" ב-"img element".
<img src="../log.gif"/ alt="לוגו נגישות לאינטרנט">
- תוכן הטקסט החלופי חייב להבהיר את התוכן והפונקציונליות. עליכם לשאול את עצמכם "מדוע בחרנו לשים את התמונה הזו?" או "מה התפקיד של התמונה הזו?" תמונה שיש לה ערך פונקציונלי (לדוגמה תמונה המהווה קישור) תלוּוה בטקסט חלופי המתאר את מטרת הקישור.
- תמונות המשמשות לדקורציה כגון קוים מפרידים, תמונות אווירה חסרות משמעות שאינן מהוות קישור, יקבלו "alt" ריק. ""=alt. באופן הזה קורא המסך יתעלם מהתמונה.
- ב-"image map", יש לספק טקסט חלופי לכל "aria".
- אין למקם תמונות בעלות משמעות ב-"background" של אלמנט, או של העמוד, שכן לתמונות הנמצאות ברקע לא ניתן לתת טקסט חלופי.
- CAPTCHA – כאשר תכלית של תוכן שאינו טקסטואלי היא וידוא שהגישה לתכנים נעשתה על-ידי אדם, ולא על ידי-מחשב, ניתנות חלופות טקסטואליות המתארות את התכלית של התכנים הלא-טקסטואליים האלה, וניתנות צורות חלופיות של CAPTCHA עבור סוגים אחרים של תפיסה חושית, כדי לאפשר קליטה למרות המוגבלויות השונות.