כתבו תיאורי תמונות מועילים לאתר שלכם

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

הסבירו לבונה האתר מה כוונתכם

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

הוסיפו הקשר באמצעות כיתובים

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

תארו את המשמעות, לא כל פיקסל

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

בדקו את התמונה יחד עם החלק שסביבה

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

כשמוסיפים תמונות ב-VollSite, ספקו תיאור של תפקידן ובדקו את המיקום שנוצר אחרי השלמת השינוי המבוקש. שמרו את הקבצים המקוריים בנפרד והשתמשו רק בחומרים שמותר לכם לפרסם. להנחיות בסיסיות בנושא נגישות, ראו https://web.dev/learn/design/accessibility. בדיקות אוטומטיות יכולות לאתר תיאורים חסרים, אך אדם עדיין צריך להעריך אם הניסוח מעביר את המשמעות הנכונה.