סיכום
בודק הטקסט החלופי קורא כל תגית img בדף, כולל תמונות בטעינה עצלה, ובודק את מאפיין ה-alt. הוא מסמן alt חסר, שמות קבצים שמשמשים כ-alt, מילים כלליות כמו "תמונה", טקסטים ארוכים מ-125 תווים, אותו alt שחוזר בכמה תמונות ותמונות קישור ללא טקסט. הוא גם סופר תמונות ללא רוחב וגובה, שגורמות לפריסה לקפוץ.
רוצים להעמיק? שאלו את
הטקסט החלופי מתאר תמונה עבור מי שלא רואה אותה: קוראי מסך, Google תמונות וכלי בינה מלאכותית שקוראים את ה-HTML. הוא גם טקסט העוגן של תמונה שמשמשת כקישור. alt טוב אומר במשפט קצר מה התמונה מציגה.
מה הכלי מסמן
- אין מאפיין alt: התמונה לא אומרת דבר, וחלק מקוראי המסך מקריאים את שם הקובץ.
- שם קובץ או מילה כללית: "IMG_2034.jpg" או "צילום" לא מתארים דבר.
- תמונת קישור ללא טקסט: ה-alt שלה הופך לעוגן וצריך לתאר את דף היעד.
- ארוך מדי או חוזר: הישארו מתחת ל-125 תווים, תיאור אחד לכל תמונה.
איך לכתוב טקסט חלופי טוב
- תארו מה מבקר רואה, בשפת הדף: "כיסא עץ אלון, מבט מלפנים".
- הוסיפו את מילת המפתח רק אם היא באמת מתארת את התמונה.
- כתבו alt="" לתמונות דקורטיביות בלבד, כדי שקוראי המסך ידלגו עליהן.
- תנו לכל תמונה רוחב וגובה כדי למנוע קפיצות בפריסה.
כדי להקטין את התמונות לפני הפרסום, השתמשו במכווץ התמונות. לשאר האותות הקשורים לתמונות, קראו על אופטימיזציית תמונות ועל Core Web Vitals.
