"איזה שם קובץ הייתם רוצים שקורא המסך יקריא באוזן שלכם 40 פעם ביום?" זו שאלה שקצת מגוחכת, אבל היא בדיוק מה שקורה כשתמונה משמעותית נשארת עם alt="image1.jpg" או, גרוע מכך, בלי טקסט חלופי בכלל. הכתבה הזו היא מדריך מעשי לכתיבת טקסט חלופי שבאמת עוזר — לא רק "יש", אלא טוב.
בקיצור — מה נסביר במדריך
למה טקסט חלופי גרוע גרוע כמעט כמו טקסט חלופי חסר
לפי WCAG 1.1.1, לכל תוכן שאינו טקסט חייבת להיות חלופה טקסטואלית — אבל הדרישה הפורמלית היא רק חצי מהסיפור. "image1.jpg", "תמונה", או "לוגו" עומדים טכנית בדרישה (יש alt), אך לא מעבירים שום מידע אמיתי. משתמש בקורא מסך ששומע רצף של "תמונה... תמונה... image23.png" לא מקבל פחות תסכול ממשתמש שרואה סדרת מסגרות ריקות.
איך כותבים טקסט חלופי טוב
הכלל המנחה: תארו את המסר של התמונה בהקשר שבו היא מופיעה, לא את מה שרואים מילולית. תמונה של אנשים סביב שולחן בישיבת צוות, שמלווה כתבה על שיתוף פעולה, יכולה לקבל "צוות עובד יחד סביב שולחן" — לא "תמונה של אנשים". עבור גרף או תרשים, מתארים את המסקנה שהגרף מציג: "גרף עמודות המראה עלייה של 40% במכירות ברבעון השלישי" עדיף באופן משמעותי על "גרף עמודות".
- קצר ותכליתי — לרוב 1-2 משפטים מספיקים; לא צריך לתאר כל פרט חזותי.
- בלי "תמונה של" או "איור של" — קורא המסך כבר מכריז שזו תמונה, אין צורך לחזור על כך.
- בהקשר של הטקסט הסובב — אותה תמונה יכולה לקבל טקסט חלופי שונה בהקשרים שונים.
מתי משאירים טקסט חלופי ריק בכוונה
לא כל תמונה צריכה תיאור. תמונות דקורטיביות בלבד — קווי הפרדה גרפיים, איורי רקע, אייקונים שרק חוזרים על טקסט סמוך — עדיף לתייג עם alt="" (טקסט חלופי ריק, לא חסר) כדי שקורא המסך ידלג עליהן לגמרי. ההבדל בין "חסר" ל"ריק בכוונה" הוא קריטי: חסר נשמע כמו שגיאה או כמו הקראת שם הקובץ; ריק בכוונה פשוט מדלג בשקט.
💡 טיפ מעשי
שאלה מהירה לבדיקה: אם הייתם מוחקים את התמונה מהעמוד לגמרי, האם היה חסר משהו למשתמש שלא רואה אותה? אם לא — היא ככל הנראה דקורטיבית ומתאימה ל-alt ריק.
מה עושים עם גרפים ותרשימים מורכבים
לגרף נתונים מורכב, טבלת השוואה מצוירת, או אינפוגרפיקה עם כמה שכבות מידע, טקסט חלופי קצר לא מספיק — יש יותר מדי מידע להעביר. הפתרון: טקסט חלופי קצר שמתאר את הנושא הכללי, ולידו (בטקסט הרגיל שסביב התמונה, לא רק ב-alt) תיאור מפורט יותר של הנתונים החשובים, או טבלת נתונים מקבילה שקורא מסך יכול לנווט בה.
לא בטוחים איזה טקסט חלופי חסר או בעייתי אצלכם?
הכלי שלנו מאתר תמונות ללא טקסט חלופי בכל המסמכים באתר, ומסמן אותן לפי סדר עדיפות טיפול.
להנגשת מסמכים בחינם ←