מה הכלל הזה בודק
מוודא שלקישורים יש טקסט מובן.
למה זה חשוב
WCAG 2.4.4 ו-4.1.2 דורשים שלקישורים יהיה שם נגיש שמתאר את המטרה שלהם.
איך לתקן
- מאתרים את הקישורים שאין להם שם. רובם אייקונים או תמונות בתוך תג <a>.
- מוסיפים בתוך הקישור טקסט מוסתר חזותית, או aria-label כמו aria-label="Instagram" או aria-label="Cart".
- אם הקישור עוטף תמונה, נותנים במקום זאת לתמונה טקסט חלופי בעל משמעות.
איך לבדוק את התיקון
- סורקים שוב ומוודאים ש-link-name כבר לא מופיע.
- עוברים עם Tab לכל קישור כשקורא מסך פועל, ומקשיבים לשם שמוקרא.
איך FixReports מזהה את הבעיה
הסריקה שלנו מריצה את הכלל link-name של axe-core בדפדפן Chrome אמיתי בכל עמוד שהיא בודקת, ומדווחת על כל רכיב שנכשל יחד עם העמוד שלו, ה-markup שלו, ובמקרים הרלוונטיים גם צילום מסך.
בדיקה אוטומטית מאשרת שהבעיה הספציפית הזו קיימת. היא לא יכולה לקבוע אם שאר העמוד נגיש: חלק מהחסמים מתגלים רק כשאדם בודק את העמוד.