כלי נגישות חינמי

בדיקת טקסט חלופי לתמונות

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

חינם. בודק את הכתובת שהוזנה תוך כ-20 שניות.

מה הכלי בודק

  • תמונות בלי טקסט חלופי

    כל רכיב img וכל כפתור תמונה בלי מאפיין alt ובלי שם נגיש אחר, כמו aria-label.

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

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

  • טקסט חלופי שנראה כמו שם קובץ

    ערכים כמו IMG_2041.jpg או DSC0042, או מחרוזת ארוכה של ספרות, שמערכות רבות ממלאות אוטומטית בזמן ההעלאה.

  • מילים כלליות

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

  • טקסט מיותר וחוזר

    תיאורים שמתחילים במילים "תמונה של", חוזרים על טקסט הקישור שלידם, או משמשים בשלוש תמונות שונות או יותר.

  • תמונות דקורטיביות ומוסתרות

    תמונות שמסומנות ב-alt="" או ב-role="presentation", ותמונות שמוסתרות באמצעות aria-hidden או CSS, מוצגות בנפרד כדי שאפשר יהיה לוודא שכל אחת מהן באמת דקורטיבית.

  • תצוגה מקדימה של כל תמונה

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

מה הכלי לא יכול לבדוק

  • לקבוע אם הטקסט החלופי מדויק. רק אדם שרואה את התמונה ויודע למה היא בדף יכול לשפוט את זה.
  • לבדוק תמונות שמוגדרות כרקע ב-CSS, או חלופות טקסט לגרפיקה של SVG ו-canvas. הכלי מציג רכיבי img וכפתורי תמונה.
  • לבדוק תמונות בתוך מסגרות (frames), כמו סרטונים, מפות ומודעות מוטמעים.
  • להציג יותר מ-150 תמונות. בדפים ארוכים מאוד הוא מציג את 150 הראשונות ומציין כמה יש בסך הכול.
  • לבדוק דפים אחרים. הסריקה החינמית המלאה בודקת טקסט חלופי יחד עם שאר WCAG בעד חמישה דפים מרכזיים.

למה זה חשוב

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

טקסט חלופי חסר הוא כשל הנגישות השני בשכיחותו באינטרנט: הניתוח של WebAIM לשנת 2026 מצא אותו ב-53.1% מדפי הבית של מיליון האתרים המובילים, ול-16.2% מכל התמונות שנבדקו לא היה טקסט חלופי כלל.

גם מנועי חיפוש קוראים אותו. Google אומרת שהיא משתמשת בטקסט חלופי יחד עם ראייה ממוחשבת ועם התוכן של הדף כדי להבין תמונות, ושהטקסט החלופי של תמונה מקושרת פועל כמו טקסט העוגן (anchor text) של הקישור.

איך לקרוא את התוצאות

אין טקסט חלופי
לתמונה אין מאפיין alt ואין לה שם אחר. בהתאם לתוכנה, קורא מסך עשוי להקריא את שם הקובץ או לדלג על התמונה.
דקורטיבית
alt="" או role="presentation": קוראי מסך מדלגים על התמונה. נכון לקישוט; שגוי לתמונה שנושאת מידע או שהיא התוכן היחיד של קישור.
יש טקסט חלופי
לתמונה יש תיאור. אנחנו מסמנים את אלה שנראים שגויים; את השאר עדיין צריך שאדם יבדוק שהם מדויקים.
שם מ-ARIA או מ-title
אין מאפיין alt, אבל יש שם מ-aria-label, מ-aria-labelledby או מ-title. זה עובר בדיקות אוטומטיות; alt עדיין הבחירה האמינה יותר.
מוסתרת
לא מוצגת, או מוסתרת מטכנולוגיות מסייעות באמצעות aria-hidden. אין מה לתקן, אלא אם התמונה אמורה להיראות.
קישור בלי שם
קישור או כפתור שהתוכן היחיד שלו הוא תמונה בלי חלופה טקסטואלית. זה נכשל גם אם התמונה עצמה דקורטיבית.
לבדיקה
טקסט חלופי שנראה כמו שם קובץ או מילה כללית, מתחיל במילים "תמונה של", חוזר על טקסט הקישור, ארוך מאוד, או משמש בכמה תמונות.

איך לתקן את הבעיות הנפוצות ביותר

  • תמונות מוצר ותוכן

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

  • לוגואים שמקשרים לדף הבית

    תמונה מקושרת צריכה לומר לאן הקישור מוביל. ללוגו שמקשר לדף הבית, משתמשים בשם החברה, למשל alt="דף הבית של Acme", ולא ב"לוגו".

  • אייקונים בתוך קישורים וכפתורים

    נותנים לאייקון טקסט חלופי שמציין את הפעולה, כמו "חיפוש" או "עגלה", או נותנים לקישור aria-label ומסמנים את האייקון כדקורטיבי באמצעות alt="".

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

    משתמשים ב-alt="" (ערך ריק, לא מאפיין חסר) לקווי הפרדה, לקישוטי רקע ולתמונות שחוזרות על טקסט שנמצא ממש לידן.

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

    פלטפורמות רבות מעתיקות את שם הקובץ לשדה ה-alt בזמן ההעלאה. יש לערוך אותו במקום שבו מנהלים את התמונה: ב-Shopify, במדיה של המוצר; ב-WordPress, בשדה Alternative Text בספריית המדיה.

  • תרשימים ואינפוגרפיקה

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

תמונות בלי טקסט חלופי: איך מתקנים אותן ב-Shopify, ב-WooCommerce ובכל אתר

שאלות על הכלי

מהו טקסט חלופי?

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

האם לכל תמונה צריך להיות טקסט חלופי?

לכל רכיב img צריך להיות מאפיין alt. בתמונה שנושאת מידע הוא מתאר את התמונה; בתמונה דקורטיבית הוא צריך להיות ריק (alt="") כדי שקוראי מסך ידלגו עליה.

מה האורך הרצוי לטקסט חלופי?

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

האם טקסט חלופי עוזר ל-SEO?

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

האם מאפיין title זהה ל-alt?

לא. title מוצג כתיבת עזר (tooltip) במעבר עכבר, קוראי מסך לא מקריאים אותו באופן אמין, והוא לא זמין במסכי מגע. בדיקות אוטומטיות מקבלות אותו כשם כש-alt חסר, אבל alt הוא הבחירה שאפשר לסמוך עליה.

האם AI יכול לכתוב את הטקסט החלופי?

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

מקורות

כלים קשורים

דוח תיקוני נגישות ($174, תשלום חד-פעמי) מתחיל מהסריקה החינמית המלאה ומוסיף עוד עמודים, את השינוי שצריך לבצע לכל ממצא, קובץ PDF ובדיקות חוזרות לאימות התיקונים.

מידע על דוח תיקוני נגישות