איך מנגישים תמונות

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

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

💡 מה המשמעות של הנגשת תמונות?

הנגשת תמונות היא התהליך שבו אנו מתאימים את התמונות באתר כך שאנשים עם מוגבלות ראייה יוכלו להבין את התוכן וההקשר שלהן.
בדרך כלל זה נעשה באמצעות תיאור טקסטואלי שנקרא תיאור אלטרנטיבי (Alternative Text או ALT Text).

קוראי מסך (כמו NVDA או JAWS) מקריאים את תיאורי ה־ALT לגולש, וכך הוא יודע מה מופיע בתמונה — גם אם אינו רואה אותה.

🧠 למה חשוב להנגיש תמונות?

הנגשת תמונות אינה רק חובה לפי תקן הנגישות WCAG 2.1, אלא גם פעולה מוסרית ועסקית חכמה.
הנה כמה סיבות חשובות:

1. נגישות שוויונית – מאפשרת לכל אדם להבין את התוכן, בלי קשר ליכולת הראייה.

2. עמידה בדרישות החוק – עסקים וגופים ציבוריים בישראל מחויבים להנגיש תמונות כחלק מהנגשת האתר.

3. שיפור קידום אורגני (SEO) – גוגל משתמשת בתיאורי ALT כדי להבין על מה התמונה מדברת, ולכן זה משפר דירוגים בתוצאות החיפוש.

4. שיפור חוויית המשתמש – גם גולשים שהאינטרנט שלהם איטי ורואים רק טקסט נהנים מתיאורי ALT שמחליפים את התמונה.

🖋️ מה זה ALT TEXT (טקסט אלטרנטיבי)?

ALT (Alternative Text) הוא תיאור קצר וברור של מה שרואים בתמונה.
הוא נכתב בשדה ייעודי בזמן העלאת התמונה למערכת האתר, ומטרתו לתאר לגולש את מה שהתמונה מייצגת.

לדוגמה:

• ❌ תיאור לא נכון: “תמונה 1”

• ✅ תיאור נכון: “אישה משתמשת במחשב נייד ומחייכת במשרד”

המטרה היא להעביר את המשמעות, לא לתאר כל פרט ויזואלי.

🧾 סוגי תמונות ואיך להנגיש כל אחת

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

🔹 תמונות מידעיות (Informative Images)

תמונות שמעבירות מסר, רעיון או מידע חדש.
לדוגמה – צילום של מוצר, תרשים, או תמונה שמלווה כתבה.

איך להנגיש:
כתבו תיאור שמסביר מה רואים ומה המשמעות.
לדוגמה:

“תרשים שמציג את שלבי תהליך ההנגשה באינטרנט – תכנון, בדיקה, תיקון ובקרה.”

🔹 תמונות דקורטיביות (Decorative Images)

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

איך להנגיש:
אין צורך בתיאור ALT. יש לסמן את התמונה כ־“Decorative” או להשאיר את שדה ה־ALT ריק.
כך קוראי מסך ידלגו עליה, ולא יעמיסו על המשתמש.

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

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

לדוגמה:

ALT: “מבצע אביב – 30% הנחה על כל הקולקציה החדשה.”

🔹 תמונות קישורים (Linked Images)

אם התמונה משמשת כקישור, תיאור ה־ALT צריך להסביר לאן הקישור מוביל, ולא מה יש בתמונה.

לדוגמה:

ALT: “לחץ למעבר לעמוד צור קשר.”

🔹 לוגו האתר

לוגו הוא תמונה עם משמעות — הוא מייצג את זהות העסק.
לכן תיאור ה־ALT צריך לכלול את שם המותג, למשל:

ALT: “לוגו של חברת נגיש-נט – מומחים להנגשת אתרים.”

⚙️ איך להוסיף ALT לתמונה בוורדפרס?

אם אתה עובד עם וורדפרס, תהליך הנגשת תמונות הוא פשוט מאוד:

1. היכנס ללוח הבקרה ובחר מדיה (Media).

2. בחר בתמונה שברצונך להנגיש.

3. בצד ימין תראה שדה בשם טקסט חלופי (Alt Text).

4. כתוב בו תיאור ברור של התמונה.

5. לחץ על עדכן – וזה הכול!

💡 טיפ:
אם אתה מעלה תמונה חדשה ישירות לפוסט או לעמוד, תוכל למלא את ה־ALT כבר בזמן ההעלאה.

🧩 פלאגינים מומלצים להנגשת תמונות בוורדפרס

אם יש לך מאות תמונות באתר, אפשר להשתמש בתוספים (Plugins) שמזרזים את העבודה:

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

🚫 טעויות נפוצות בהנגשת תמונות

• תיאורי ALT ארוכים מדי (מעל 125 תווים).

• שימוש במילים כמו “תמונה של…” או “צילום של…” – אין צורך!

• השארת שדה ALT ריק בתמונות מידעיות.

• תיאורי ALT לא קשורים לנושא העמוד.

• תיאורים שיווקיים מדי שלא מתארים את התמונה באמת.

📈 איך הנגשת תמונות משפיעה על קידום אורגני (SEO)?

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

טיפים לקידום אורגני:

• הוסף מילות מפתח רלוונטיות ב־ALT, אבל בלי “לדחוף” מילים בכוח.

• שמור על תיאורים טבעיים וברורים.

• השתמש גם בשם קובץ תיאורי (למשל: accessible-website.jpg במקום IMG_001.jpg).

• ואל תשכח דחיסת תמונות כדי לשפר מהירות טעינה (שגם משפיעה על SEO).

🌍 סיכום – הנגשת תמונות זה לא בונוס, זו חובה

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

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