חשיבותה של תגית ה-alt לנגישות תמונות

לכל תמונה בכל עמוד צריכה להיות מקבילה טקסטואלית, היא ה-"alt text" (יוצאות מכלל זה הן תמונות שמטרתן היחידה היא עיצובית והן אינן מכילות מידע). תגית ה-"alt" הינה תכונה (attribute) של התגית <img>.

 

לדוגמא:

<img height="161" width="202" alt="alt text" src="http://domain.co.il/images/image.jpg" />

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

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

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

מה תגית alt צריכה לתאר?

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

דוגמאות לטעויות בכתיבת תגיות alt

  • תגיות HTML – תגיות alt צריכות לכלול תווים ומספרים בלבד, ולא תגיות אחרות.
  • שם קובץ (למשל image.jpg) – כתיבת שם הקובץ של התמנוה בתגית ה-alt לא מקדם אתר האתר לשום מקום מבחינת נגישות. אם לא נכתבת תגית alt, זה בדיוק מה שקורא המסך עושה – מקריא את נתיב הקובץ.
  • כתיבת "תגית אלט" בתגית ה-alt – במערכות ניהול רבות מופיע טקסט ברירת מחדל עבור תגית ה-alt כתזכורת לכך שיש להוסיף אותה. לא פעם טקסט זה פשוט נשאר ללא שינוי.
  • כתיבת "לחץ כאן" בתגית ה-alt – חסר כל תכלית שימושית, אלא במקרים בהם מדובר בתמונה הנושאת את הטקסט "לחץ כאן".

טיפים ודוגמאות לכתיבה נכונה של תגיות alt נגישות

  • תגית alt מתארת את התמונה בהתאם לשימושיות שלה ולסיבה להופעתה בעמוד. אם התמונה מעבירה את המשתמש עמוד יצירת קשר או משלוח מייל למשל, על תגית ה-alt לתאר זאת.
  • אם התמונה מכילה טקסט, על תגית ה-alt להכיל טקסט זה במלואו.אין אורך מקסימלי או מינימלי לתגית alt, אך לרוב אורך הטקסט נע בין 75 עד 100 תווים (שהם משפט אחד עד שני משפטים).
  • לתיאור ארוך של תמונה ניתן להוסיף תיאור ארוך (long description) המפנה את המשתמש לקובץ נפרד המכיל תיאור זה בלבד.
  • לתיאור מפורט של מידע גרפי או טבלאי יש להשתמש בתגית long description.