# קישורים מוכרחים להיות עם טקסט מובן

<https://www.fixreports.com/he/issues/link-name>

WCAG ⁨2.4.4 Link Purpose (In Context), 4.1.2 Name, Role, Value⁩ · רמה ⁨A⁩

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

## מה הכלל הזה בודק
מוודא שלקישורים יש טקסט מובן.

## למה זה חשוב
WCAG 2.4.4 ו-4.1.2 דורשים שלקישורים יהיה שם נגיש שמתאר את המטרה שלהם.

## איך לתקן
### בכל אתר
1. מאתרים את הקישורים שאין להם שם. רובם אייקונים או תמונות בתוך תג ⁨<a>⁩.
2. מוסיפים בתוך הקישור טקסט מוסתר חזותית, או aria-label כמו ⁨aria-label="Instagram"⁩ או ⁨aria-label="Cart"⁩.
3. אם הקישור עוטף תמונה, נותנים במקום זאת לתמונה טקסט חלופי בעל משמעות.

### ב-Shopify
1. מאתרים את הקישורים שאין להם שם. רובם אייקונים או תמונות בתוך תג ⁨<a>⁩.
2. מוסיפים בתוך הקישור טקסט מוסתר חזותית, או aria-label כמו ⁨aria-label="Instagram"⁩ או ⁨aria-label="Cart"⁩.
3. אם הקישור עוטף תמונה, נותנים במקום זאת לתמונה טקסט חלופי בעל משמעות.

### ב-WooCommerce וב-WordPress
1. מאתרים את הקישורים שאין להם שם. רובם אייקונים או תמונות בתוך תג ⁨<a>⁩.
2. מוסיפים בתוך הקישור טקסט מוסתר חזותית, או aria-label כמו ⁨aria-label="Instagram"⁩ או ⁨aria-label="Cart"⁩.
3. אם הקישור עוטף תמונה, נותנים במקום זאת לתמונה טקסט חלופי בעל משמעות.

## איך לבדוק את התיקון
- סורקים שוב ומוודאים ש-⁨link-name⁩ כבר לא מופיע.
- עוברים עם Tab לכל קישור כשקורא מסך פועל, ומקשיבים לשם שמוקרא.

## מקורות
- תיעוד הכלל ב-axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/link-name
- הבנת WCAG 2.4.4 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/link-purpose-in-context
- הבנת WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value