טקסט חלופי לתמונות

  • לכל התמונות הפונקציונליות (שניתן או לרחף להקליק עליהן) ולכל תמונות הקישור כולל תמונות אייקונים יש לספק טקסט חלופי שיתאר בקצרה את מטרת התמונה.
  • את הטקסט החלופי לתמונות ותמונות קישור מומלץ להגדיר ב ALT
  • אם התמונות הם תמונות קישוט בלבד, ניתן להגדיר אותם כטקסט חלופי ריק ALT="
  • תמונות אינפורמטיביות כגון סמל של טלפון, ייקבלו טקסט חלופי קצר מאוד
  • במקרים בהם יש טקסט הסבר בסמוך לתמונה המתארת מצב, שירות ותוכן נוסף, ניתן גם כן להסתפק בטקסט חלופי קצר
  • במקרים שבהם אין מידע בטקסט על התמונה, נהוג לספק טקסט חלופי מפורט יותר על מה רואים בתמונה. לדוגמה אם הטקסט עוסק בכלבי נחייה אך אין הסבר על הרתמה של כלב נחייה, ובתמונה מופיע כלב נחייה עם רתמה, יש  לתאר את התמונה מעבר למילים כלב נחייה
  • תמונות קישור לאייקונים להורדת מסמכים דיגיטליים – צריכים לכלול את סוג הפורמט שהאייקון מייצג. אם בסמוך לאייקון יש גם את שם הקובץ, אין חובה לכלול אותו גם בטקסט החלופי. במקרה זה יש להבטיח כי רצף הקריאה בקוד יוגדר כך שקודם מופיע הטקסט של שם הקובץ ולאחר מכן  לתמונת הקישור של אייקון המייצג את הקובץ. אם שם הקובץ מופיע כקישור ולצידו גם אייקון שלהקובץ – מציעה להגדיר את שניהם יחד כרכיב אחד תיאור של שם הקובץ בטקסט הקישור  ולתמונת האייקון המסמל את סוג הקובץ, לציין בטקסט החלופי רק את סוג הפורמט.
  • לתמונות פונקציונליות שמטרתן לקדם ביצוע פעולה, יש לספק  טקסט חלופי שיתאר את  הפעולה הנדרשת. לדוגמה, כפתור הכולל תמונה של זכוכית מגדלת לצד שדה החיפוש יתואר כ"חיפוש"
  • תמונות של טקסט: ככלל, אין להשתמש בתמונות של טקסט אלא בטקסט חי (כזה הניתן לסימון ולהעתקה). במקרים נדירים שבהם לא ניתן להשתמש  בטקסט חי, אז הטקסט החלופי לתמונת הטקסט חייב לכלול את כל המלל שמופיע  בתמונה – בכדי לשקף נאמנה את הטקסט לטכנולוגיות מסייעות
  • תמונות קישור למיקומים על מפות: לספק טקסט חלופי לתמונות הקישור שמובילים לעמוד אחר או תוויות פעולה לכפתוריםהמבטאים את הפעולה שהמשתמש יבצע (כמו למשל הגדלת אזור זה במפה).
הפניות
  • 1.1.1 Non-text Content A
  • W3C Images Concepts
  • ניתן להסתייע בשירות חינמי שנקרא Image Analyser לבדיקה מקוונת למאפייני תמונה כולל ALT ו  LONGDESC  וכך לאבחן  לאילו תמונות צריך להוסיף טקסט חלופי תקין

%d בלוגרים אהבו את זה: