נגישות: הכנת התמונות והגלריות שלכם

זמן קריאה: 6 דקות
גולשים עם לקויות ראייה עשויים להשתמש בטכנולוגיה מסייעת, כמו קוראי מסך, כדי לגלוש באתר. הוסיפו תיאורים לתמונות ולגלריות עם טקסט חלופי (alt text) כדי להפוך אותם לנגישים לגולשים האלו.
טקסט חלופי מספק מידע על המדיה ועוזר למנועי חיפוש ולקוראי מסך "לקרוא" אותה.
כאן תוכלו לקרוא עוד על:

הוספת טקסט חלופי

טקסט חלופי מבטיח שגולשים שמשתמשים בקורא מסך יוכלו לגשת ולהבין את התוכן באתר, ולכן אנחנו ממליצים להוסיף אותו לכל התמונות הרלוונטיות, כולל מדיה שמופיעה באפליקציות כמו Wix Stores,‏ Wix Bookings וכו'.  
הוסיפו טקסט חלופי לתמונות וגלריות בבונה האתרים בו אתם משתמשים (Wix Editor ו-Studio Editor). אם אתם משתמשים ב-Wix Editor, אתם יכולים להוסיף טקסט חלופי גם באשף הנגישות.
Wix Editor
Studio Editor
אשף הנגישות
השתמשו באשף כדי להוסיף טקסט חלופי לתמונות שמופיעות באתר ובאפליקציות Wix Stores ו-Wix Bookings.

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

  1. הקליקו על Settings (הגדרות) בתפריט העליון של ה-Editor.
  2. בחרו ב-Accessibility Wizard (אשף הנגישות).
  3. הקליקו על Scan My Site (סריקת האתר שלי).
  4. בחרו בכרטיסים שנקראים Alt text (טקסט חלופי).
  5. הכניסו את תיאור התמונה בשדה What's in the image? (מה מופיע בתמונה?).
  6. הקליקו על Set Alt Text (הגדרת טקסט חלופי).
אשף הנגישות. שדה הטקסט החלופי של תמונה התמלא. סמן העכבר מקליק על 'Set Alt Text' (הגדרת טקסט חלופי).

כדי להוסיף טקסט חלופי לתמונות באפליקציות:

  1. הקליקו על Settings (הגדרות) בתפריט העליון של ה-Editor.
  2. בחרו ב-Accessibility Wizard (אשף הנגישות).
  3. הקליקו על Scan My Site (סריקת האתר שלי).
  4. בחרו בתפריט הנפתח Stores / Bookings (חנויות / הזמנות).
  5. בחרו בכרטיסים שנקראים Alt text (טקסט חלופי).
  6. (לחנויות בלבד) בחרו תמונת מוצר / וריאציית מוצר.
  7. הכניסו את תיאור התמונה בשדה What's in the image? (מה מופיע בתמונה?).
  8. הקליקו על Set Alt Text (הגדרת טקסט חלופי).
  9. הקליקו על Done (סיום).

בשדה הטקסט החלופי של תמונת מוצר של Stores יש תוכן. הכפתורים Set Alt Text ו-Done מודגשים.
טיפ:
הקפידו לפרסם את האתר כדי שהטקסט החלופי יופיע באתר שבאוויר.
שימו לב:
כרגע אין אפשרות להוסיף כמות גדולה של טקסט חלופי לתמונות / גלריות בבת אחת. אם אתם רוצים לראות את האפשרות הזו, אתם יכולים להצביע עבורה כאן.

סימון תמונות כדקורטיביות

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

כדי לסמן תמונה כדקורטיבית:

  1. הקליקו על Settings (הגדרות) בחלק העליון של ה-Editor.
  2. הקליקו על Accessibility Wizard (אשף הנגישות).
  3. הקליקו על Scan My Site (סריקת האתר שלי).
  4. הקליקו על הכרטיס שהכותרת שלו היא Alternative Text בתמונה הרלוונטית.
  5. בחרו את תיבת הסימון שליד This image is decorative, it doesn't need a description (התמונה הזו דקורטיבית, אין צורך לתאר אותה).
צילום מסך שמראה את הסימון של אפשרות התמונה הדקורטיבית באשף הנגישות.
שימו לב:
אפשר לסמן תמונה כדקורטיבית רק אם אין לה עדיין טקסט חלופי. כדי לסמן תמונה שיש לה טקסט חלופי כדקורטיבית, מחקו את הטקסט החלופי בתוך ה-Editor, ואז סרקו את האתר מחדש עם האשף.

טקסט בתמונות

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

תמונות של טקסט

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

זה עזר לך?

|