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

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

🔹 חלק 1: הנגשת תמונות – הטקסט האלטרנטיבי (Alt Text)

Alt text הוא אחד מרכיבי הנגישות החשובים ביותר. הוא מאפשר לקוראי מסך להבין מה מופיע בתמונה כאשר המשתמש אינו רואה אותה.

✔ איך לכתוב Alt תקין?

1. תיאורי – אבל לא ארוך מדי
   דוגמה טובה:
   “אישה מחזיקה טלפון ומבצעת הזמנה באתר.”

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

3. לא להשתמש במילים כמו "תמונה של"
   קוראי מסך יודעים שזה תמונה.

4. לשים לב להקשר
   אותה תמונה בעמוד שונה עשויה להזדקק ל-alt שונה.

✔ תמונות דקורטיביות

תמונות ללא תוכן חשוב (דקורציה בלבד) צריכות לקבל:

וזהו — אין סיבה להעמיס על קוראי המסך מידע לא נחוץ.

🔹 חלק 2: הנגשת וידאו – כתוביות, תיאור קולי ותמלול

הנגשת סרטוני וידאו היא אחת הדרישות המרכזיות בתקן WCAG 2.2 וברגולציה הישראלית.

✔ חובה מס' 1 – כתוביות (Closed Captions)

כתוביות נועדו עבור:

• אנשים חירשים או כבדי שמיעה

• גולשים שצופים במכשירים ללא סאונד

• משתמשים במצבים בהם אי אפשר להפעיל קול

הכתוביות חייבות לכלול:

• דיבור

• זיהוי דוברים

• אפקטים חשובים: "דפיקה בדלת", "מוזיקה דרמטית"

ניתן להוסיף כתוביות דרך YouTube, Vimeo או קבצי SRT.

✔ חובה מס' 2 – תיאור קולי (Audio Description)

תיאור קולי מוסיף הסבר בעל פה למה שקורה בקטעים שאין בהם דיבור:

• מי נכנס לחדר

• מה מוצג על המסך

• כיתובים וסלפניות

• פעולות חשובות

בעיקר נדרש לסרטונים מקצועיים, הדרכות ושירותים ממשלתיים.

✔ חובה מס' 3 – תמלול מלא (Transcript)

קובץ תמלול טקסטואלי מאפשר:

• גישה לאנשים שלא יכולים לצפות בווידאו

• אינדוקס טוב יותר ב־SEO

• נגישות למשתמשים עם בעיות קשב וריכוז

🔹 חלק 3: הנגשת אודיו – תמלול ותיאור כתוב

אם באתר יש:

• פודקאסט

• הקלטת הרצאה

• הדרכה קולית

נדרש לצרף תמלול מלא הכולל:

• כל הטקסט שנאמר

• שמות הדוברים

• מידע חשוב שמופיע בקובץ

🔹 חלק 4: הנגשת אינפוגרפיקות וגרפיקות מורכבות

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

✔ איך מנגישים אינפוגרפיקה?

1. Alt קצר

2. טקסט מלא שמתאר את כל הנתונים – מתחת או מעל התמונה

3. טבלת נתונים נגישה המשקפת את הגרפיקה

🔹 חלק 5: קבצי מדיה להורדה – PDF, מצגות ועוד

קבצים חייבים להיות:

• עם תגיות (Tagged PDF)

• עם סדר קריאה תקין

• עם טקסט אמיתי—not תמונה

• עם תיאורי תמונות ואלמנטים גרפיים

קבצי PDF לא תקינים הם אחד ממקורות התביעה הנפוצים בישראל.

🔹 חלק 6: איך הנגשת מדיה משפיעה על SEO?

נגישות מדיה משפרת משמעותית את הדירוג בגוגל:

• Alt text משפר הבנה של תמונות

• כתוביות משפרות זמן שהייה

• תמלול מוסיף תוכן שאפשר לאנדקס

• מדיה נגישה משפרת חוויית משתמש—פקטור מרכזי ב-SEO

בנוסף, גוגל עצמה ממליצה על כתוביות, תמלול ו־alt text איכותי.

🔹 חלק 7: טעויות נפוצות בהנגשת מדיה

❌ Alt text עם מילות מפתח לא קשורות
❌ כתוביות אוטומטיות בלבד בלי תיקון
❌ תמונות עם טקסט כתמונה
❌ סרטונים ללא תיאור קולי
❌ PDF שאינו Tagged
❌ שימוש יתר בגרפיקות מורכבות ללא תיאור

🔹 חלק 8: רשימת כלים מומלצים להנגשת מדיה

תמונות

• WAVE

• Axe DevTools

• Chrome DevTools

• SiteImprove

וידאו

• YouTube Studio (כתוביות)

• Amara – עריכת כתוביות

• VEED – יצירת כתוביות

תמלול והקלטות

• Otter.ai

• Whisper (OpenAI)

• Rev

✔ סיכום

הנגשת תמונות, וידאו וקבצי מדיה אינה רק דרישה חוקית—היא חלק מהותי מחוויית משתמש מודרנית, SEO איכותי ויחס מכבד לכל גולש.

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