טקסט חלופי לתמונות: איך כותבים אותו ומוסיפים אותו בוורדפרס

למה משמש טקסט חלופי

טקסט חלופי הוא תיאור טקסטואלי קצר של תמונה, שנכתב במאפיין alt שלה.

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

הנחיות הנגישות (WCAG) דורשות חלופה טקסטואלית לכל תמונה שמעבירה מידע.

מוסיפים טקסט חלופי בוורדפרס בשלושה צעדים

1. בספריית המדיה

פותחים את מדיה ואחר כך ספרייה (Media, Library), ובוחרים את התמונה. מקלידים את התיאור בשדה הטקסט החלופי (Alternative Text). השינוי נשמר אוטומטית.

2. בעורך הבלוקים

בוחרים את בלוק התמונה בעמוד, פותחים את הגדרות הבלוק בסרגל הצד וממלאים את הטקסט החלופי. זה הטקסט החלופי של התמונה בעמוד הזה.

3. בודקים את התוצאה

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

איך כותבים טקסט חלופי טוב

• מתארים את מה שחשוב בעמוד הזה. אותה תמונה יכולה לקבל תיאור אחר בעמוד מוצר ובפוסט בבלוג.
• קצר. משפט קצר מספיק בדרך כלל.
• בלי “תמונה של”. קורא המסך כבר אומר שזו תמונה.
• בלי לדחוס מילות מפתח. כותבים את מה שרואים; תיאור טבעי טוב יותר לאנשים ולחיפוש.
• כוללים טקסט שמופיע בתמונה, כמו שלט מבצע או ציטוט.
• בתמונה שהיא קישור מתארים את הפעולה, למשל “יצירת קשר”, ולא את המראה.
• תמונות קישוט נשארות ריקות. תמונה שהיא קישוט בלבד מקבלת מאפיין alt ריק (alt=""), וכך קוראי מסך מדלגים עליה. ריק זה לא אותו דבר כמו חסר.
• כותבים בשפת העמוד. עמוד בעברית מקבל טקסט חלופי בעברית.

דוגמאות

• חלש: “image1.jpg” או “קרמיקה, עציץ קרמיקה, לקנות קרמיקה”.
• טוב יותר: “עציץ קרמיקה כחול בזיגוג ידני עם סוקולנט קטן, על מדף עץ”.