כלל: לכל תמונה חייב להיות טקסט אלטרנטיבי. מה לכתוב בטקסט אלטרנטיבי? המאמר הבא נותן שני כללים:
- הטקסט צריך לייצג את התוכן של התמונה
- הטקסט צריך לייצג את הפונקציונליות של התמונה.
או לשתי תמונות שונות מתאים אותו טקסט אלטרנטיבי, שוב בגלל הקונטקסט.קשה לי לסכם את המאמר מפני שהוא מכיל בעיקר דוגמאות. אומר רק שהוא מתייחס לכל סוגי התמונות ששמים בדף:
- תמונות רגילות
- תמונות פונקצינליות (תמונות שהן קישור)
- תמונות דקוריטיביות (יכול להיות שמספיק alt=””)
- תמונות מורכבות – כאשר קשה להחליט מה לכתוב בטקסט האלטרנטיבי, המחבר ממליץ לבדוק בעזרת קרייני מסך, או בעזרת דפדפנים שאינם מראים תמונות.
- מפות תמונה
- חלקי תמונה (כאשר תמונה גזורה לכמה תמונות)
- תמונות רקע (ממליץ להכניס כ-background ב-CSS, וכך לא צריך ליצור טקסט אלטרנטיבי)
- לוגו
המאמר אינו קשה לקריאה:
http://webaim.org/techniques/alttext/