מה הכלל הזה בודק
מוודא שכל ערך תכונת id שבשימוש ב-ARIA ובתוויות הוא ייחודי.
למה זה חשוב
תוויות ותיאורים מפנים לרכיבים לפי id; כפילויות שוברות את הקישור הזה (WCAG 4.1.2).
איך לתקן
- נותנים לכל רכיב id ייחודי ומעדכנים את המאפיינים שמפנים אליו (for, aria-labelledby, aria-describedby).
- בסקשנים של Shopify, מוסיפים {{ section.id }} למזהי ה-id כדי שסקשנים חוזרים יישארו ייחודיים.
איך לבדוק את התיקון
- סורקים שוב ומוודאים שהכלל duplicate-id עובר.
איך FixReports מזהה את הבעיה
הסריקה שלנו מריצה את הכלל duplicate-id-aria של axe-core בדפדפן Chrome אמיתי בכל עמוד שהיא בודקת, ומדווחת על כל רכיב שנכשל יחד עם העמוד שלו, ה-markup שלו, ובמקרים הרלוונטיים גם צילום מסך.
בדיקה אוטומטית מאשרת שהבעיה הספציפית הזו קיימת. היא לא יכולה לקבוע אם שאר העמוד נגיש: חלק מהחסמים מתגלים רק כשאדם בודק את העמוד.