WCAG 2.4.4, 4.1.2 · רמה ⁨A⁩

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

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

מה הכלל הזה בודק

מוודא שלקישורים יש טקסט מובן.

למה זה חשוב

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

איך לתקן

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

איך לבדוק את התיקון

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

איך FixReports מזהה את הבעיה

הסריקה שלנו מריצה את הכלל ⁨link-name⁩ של axe-core בדפדפן Chrome אמיתי בכל עמוד שהיא בודקת, ומדווחת על כל רכיב שנכשל יחד עם העמוד שלו, ה-markup שלו, ובמקרים הרלוונטיים גם צילום מסך.

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

לסרוק את האתר עוד היום

למצוא. לתקן. לאמת.

איזה סוג אתר זה?

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

איזה סוג אתר זה?

סריקה חינמית. אין צורך בכרטיס אשראי.