נגישות: הכנת התמונות והגלריות שלכם
8 דקות
גולשים עם לקויות ראייה עשויים להשתמש בטכנולוגיה מסייעת, כמו קורא מסך, כדי לגלוש באתר. כדי שתמונות וגלריות יהיו נגישות לגולשים האלה, חשוב להוסיף להן תיאורים בטקסט חלופי (alt text).
הטקסט החלופי מספק מידע על המדיה באתר ועוזר למנועי חיפוש ולקוראי מסך "לקרוא" אותה.
מאין Wix מביאה את המידע שלה?
- ההמלצות שלנו מבוססות על מסמך הנחיות הנגישות לתוכן אינטרנט Web Content Accessibility Guidelines (WCAG), שפותח ב-World Wide Web Consortium (W3C).
- המדריך בעמוד זה מבוסס על הקריטריונים הבאים:
- Non-text Content (1.1.1) (תוכן לא טקסטואלי)
- Images of Text (1.4.5) (תמונות של טקסט)
הוספת טקסט חלופי (alt text) ב-editor
טקסט חלופי מבטיח שגולשים שמשתמשים בקורא מסך יוכלו לגשת ולהבין את התוכן באתר, ולכן אנחנו ממליצים להוסיף אותו לכל התמונות הרלוונטיות, כולל מדיה שמופיעה באפליקציות כמו Wix Stores, Wix Bookings וכו'.
לתמונות בודדות
את הטקסט החלופי לתמונות מוסיפים מהחלונית Settings (הגדרות) בכלים לבניית אתרים (Wix Editor ו-Studio Editor).
Studio Editor
Wix Editor
- עברו ל-editor.
- הקליקו על התמונה בעמוד.
- הקליקו על אייקון ההגדרות .
- הקלידו תיאור של התמונה תחת What's in the image? (מה יש בתמונה).
- הקישו על Enter במקלדת לשמירה.
.
לגלריות
השתמשו ב-Media Manager (מנהל המדיה) של האתר כדי להוסיף טקסט חלופי לתמונות בגלריה.
Studio Editor
Wix Editor
- עברו ל-editor.
- הקליקו על הגלריה בעמוד.
- הקליקו על Manage Media (ניהול מדיה) או על Change Images (שינוי תמונות).
- הקליקו על תמונה כדי לבחור אותה.
- הכניסו כותרת לתמונה מימין.
- (ב-Wix Pro Gallery) ערכו את הטקסט החלופי של התמונה תחת Alt Text אם אתם רוצים שהוא יהיה שונה משם התמונה.
- הקליקו על Done (סיום).
טיפ:
הקפידו לפרסם את האתר כדי שהטקסט החלופי יופיע באתר שבאוויר.
שימו לב:
כרגע אין אפשרות להוסיף כמות גדולה של טקסט חלופי לתמונות / גלריות בבת אחת. אם אתם רוצים לראות את האפשרות הזו, אתם יכולים להצביע עבורה כאן.
הוספת טקסט חלופי באשף הנגישות (Accessibility Wizard)
כשתבדקו את האתר באמצעות אשף הנגישות, יכול להיות שתתבקשו להוסיף טקסט חלופי לתמונות. אתם יכולים להשתמש במשימה שבאשף כדי לספק תיאור קצר וברור לגולשים.
Studio Editor
Wix Editor
השתמשו באשף כדי להוסיף טקסט חלופי לתמונות שמופיעות באתר ובאפליקציות Wix Stores ו-Wix Bookings.
כדי להוסיף טקסט חלופי לתמונות באתר:
- עברו ל-editor.
- הקליקו על Settings (הגדרות) למעלה ובחרו באפשרות Accessibility Wizard (אשף הנגישות).
- הקליקו על Scan My Site (סריקת האתר שלי) בחלונית של אשף הנגישות מימין.
- בחרו בכרטיסים שנקראים Alt text (טקסט חלופי).
- הכניסו את תיאור התמונה בשדה What's in the image? (מה מופיע בתמונה?).
- הקליקו על Set Alt Text (הגדרת טקסט חלופי).
כדי להוסיף טקסט חלופי לתמונות באפליקציות:
- עברו ל-editor.
- הקליקו על Settings (הגדרות) למעלה ובחרו באפשרות Accessibility Wizard (אשף הנגישות).
- הקליקו על Scan My Site (סריקת האתר שלי) בחלונית של אשף הנגישות מימין.
- בחרו בתפריט הנפתח Stores / Bookings (חנויות / הזמנות).
- בחרו בכרטיסים שנקראים Alt text (טקסט חלופי).
- (לחנויות בלבד) בחרו תמונת מוצר / וריאציית מוצר.
- הכניסו את תיאור התמונה בשדה What's in the image? (מה מופיע בתמונה?).
- הקליקו על Set Alt Text (הגדרת טקסט חלופי).
- הקליקו על Done (סיום).
יצירת טקסט חלופי עם AI
בונים אתר ב-Studio Editor? אתם יכולים להשתמש בכלי ה-AI שבאשף הנגישות כדי ליצור טקסט חלופי. בחרו אם ליצור טקסט חלופי לתמונות ספציפיות או לכל תמונה בעמוד.
חשוב:
- אנחנו לא יכולים להבטיח שטקסט חלופי שנוצר ב-AI יהיה תמיד מדויק לגמרי. לכן אנחנו ממליצים לבדוק את הטקסט שנוצר עבור כל תמונה ולערוך אותו לפי הצורך.
- כלי ה-AI Alt text לא תומך בתמונות SVG או GIF. אתם צריכים לכתוב את הטקסט החלופי של הקבצים האלה ידנית.
כדי ליצור טקסט חלופי ב-AI:
- עברו ל-editor.
- הקליקו ב-editor משמאל על Site Checker (בדיקת האתר) .
- בחרו באפשרות Fix Accessibility Issues (פתרון בעיות נגישות).
- הקליקו על Scan Site (סריקת האתר).
- בחרו בלשונית Detected issues (בעיות שזוהו).
- פתחו את התפריט הנפתח של העמוד הרלוונטי.
- (אם לא לכל התמונות יש טקסט חלופי) הקליקו על Get started (התחלה).
- (אם הוספתם בעבר טקסט חלופי לכל התמונות) הקליקו על Edit (עריכה).
- בחרו מה אתם רוצים לעשות:
- יצירת טקסט חלופי לתמונה בודדת:
- הקליקו על אייקון העריכה ליד התמונה הרלוונטית.
- הקליקו על Generate (יצירה).
- יצירת טקסט חלופי לכל התמונות בעמוד: הקליקו על Generate (יצירה).
- יצירת טקסט חלופי לתמונה בודדת:
- בדקו את הטקסט שנוצר / ערכו את השינויים הדרושים.
- הקליקו על Apply (אישור).
.
ליד התמונה הרלוונטית.עושים פעולת עריכה בהרבה אלמנטים בבת-אחת?
הכלי לא יוצר טקסט חלופי לתמונות שמסומנות כדקורטיביות או שכבר מכילות טקסט חלופי.
שימו לב:
מדי פעם, יכול להיות שתראו שכלי ה-AI לא הצליח ליצור טקסט חלופי לתמונה או לתמונות בעמוד. אתם יכולים ללחוץ על Try Again (לנסות שוב) לפי הצורך.
סימון תמונות כדקורטיביות
תמונות דקורטיביות הן תמונות שלא תורמות לתוכן האתר, מכיוון שהן קיימות למטרות אסתטיות או דקורטיביות בלבד.
אם תמונה כלשהי באתר היא דקורטיבית ולא רלוונטית להקשר, אין צורך להוסיף לה טקסט חלופי. אתם יכולים לסמן תמונה כ'דקורטיבית' באשף הנגישות כדי להבטיח שמנועי חיפוש וקוראי מסך ידלגו עליה באופן אוטומטי.
Studio Editor
Wix Editor
- עברו ל-editor.
- הקליקו על Settings (הגדרות) למעלה ובחרו באפשרות Accessibility Wizard (אשף הנגישות).
- הקליקו על Scan My Site (סריקת האתר שלי) בחלונית של אשף הנגישות מימין.
- בחרו בכרטיסים שנקראים Alt text (טקסט חלופי).
- בחרו את תיבת הסימון שליד This image is decorative, it doesn't need a description (התמונה הזו דקורטיבית, אין צורך לתאר אותה).
כדאי לדעת:
יש להוסיף טקסט חלופי לכל התמונות שמכילות לינקים, ולא לסמן אותן כדקורטיביות.
טקסט בתמונות
הכוונה היא לתמונות שנוסף להן טקסט, או שמכילות טקסט מצולם.
מנועי חיפוש או קוראי מסך לא יכולים "לקרוא" טקסט בתמונות. עם זאת, אם התמונה הכרחית, ולטקסט יש הקשר לאתר, אתם יכולים להוסיף אותו לתיאור התמונה.
אם לטקסט אין הקשר או שהוא לא תורם לתוכן האתר, אתם לא צריכים להוסיף אותו לתיאור התמונה.
בחרו באפשרויות שלמטה לפרטים נוספים על טקסט בתמונה, ועל הפעמים בהן מומלץ ולא מומלץ להוסיף אותו לתיאור התמונה.
טקסט חשוב
טקסט לא חשוב
תמונות של טקסט
תמונות של טקסט מכילות רק טקסט, ללא אלמנטים אחרים בתמונה. לדוגמה, תמונות של פונטים או סמלי לוגו שמכילים טקסט בלבד.
בגלל שלא מדובר באלמנט טקסט "אמיתי", מנועי חיפוש או קוראי מסך לא יכולים לקרוא תמונות של טקסט. מומלץ להימנע מכך כשאפשר, ולהחליף את התמונות באלמנט טקסט אמיתי כדי לשפר את ה-SEO ואת הנגישות של האתר.
השלב הבא:
חזרו אל רשימת הפעולות לשיפור הנגישות כדי להמשיך לשפר את נגישות האתר.