# אלמנטים של <svg> עם תפקיד של תמונה חייבים להיות עם טקסט חלופי

<https://www.fixreports.com/he/issues/svg-img-alt>

WCAG ⁨1.1.1 Non-text Content⁩ · רמה ⁨A⁩

לתמונת SVG שמעבירה מידע אין טקסט חלופי.

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

## למה זה חשוב
WCAG 1.1.1 דורש טקסט חלופי לתמונות בעלות משמעות.

## איך לתקן
### בכל אתר
1. מוסיפים aria-label או רכיב ⁨<title>⁩ לרכיבי SVG בעלי משמעות, או ⁨aria-hidden="true"⁩ לרכיבים דקורטיביים בלבד.

### ב-Shopify
1. מוסיפים aria-label או רכיב ⁨<title>⁩ לרכיבי SVG בעלי משמעות, או ⁨aria-hidden="true"⁩ לרכיבים דקורטיביים בלבד.

### ב-WooCommerce וב-WordPress
1. מוסיפים aria-label או רכיב ⁨<title>⁩ לרכיבי SVG בעלי משמעות, או ⁨aria-hidden="true"⁩ לרכיבים דקורטיביים בלבד.

## איך לבדוק את התיקון
- סורקים שוב את העמודים שנפגעו.

## מקורות
- תיעוד הכלל ב-axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/svg-img-alt
- הבנת WCAG 1.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/non-text-content