Hvad denne regel tjekker
Sørg for, at hver værdi af id-attributten, der bruges i ARIA og i labels, er unik.
Hvorfor det er vigtigt
Labels og beskrivelser peger på elementer via id; dubletter bryder den forbindelse (WCAG 4.1.2).
Sådan retter du det
- Giv hvert element et unikt id, og opdater de attributter, der henviser til det (for, aria-labelledby, aria-describedby).
- I Shopify-sektioner tilføjer du {{ section.id }} til id’er, så gentagne sektioner forbliver unikke.
Sådan tjekker du rettelsen
- Scan igen, og bekræft, at reglen duplicate-id består.
Sådan finder FixReports det
Vores scanning kører axe-core-reglen duplicate-id-aria i en rigtig Chrome-browser på hver side, den tester, og rapporterer hvert element, der fejler, med siden, markuppen og, hvor det er relevant, et skærmbillede.
En automatisk test bekræfter, at netop dette problem findes. Den kan ikke afgøre, om resten af siden er tilgængelig: nogle barrierer viser sig først, når et menneske tjekker siden.