Hva denne regelen sjekker
Sørg for at hver verdi av id-attributtet som brukes i ARIA og i ledetekster, er unik.
Hvorfor det er viktig
Ledetekster og beskrivelser peker til elementer med id; duplikater bryter den koblingen (WCAG 4.1.2).
Slik fikser du det
- Gi hvert element en unik id, og oppdater attributtene som viser til den (for, aria-labelledby, aria-describedby).
- I Shopify-seksjoner legger du til {{ section.id }} i id-ene, slik at gjentatte seksjoner forblir unike.
Slik kontrollerer du utbedringen
- Skann på nytt, og bekreft at regelen duplicate-id består.
Slik finner FixReports det
Skanningen vår kjører axe-core-regelen duplicate-id-aria i en ekte Chrome-nettleser på hver side den tester, og rapporterer hvert element som feiler, med siden, markupen og, der det er relevant, et skjermbilde.
En automatisk test bekrefter at akkurat dette problemet finnes. Den kan ikke si om resten av siden er universelt utformet: noen barrierer viser seg først når et menneske sjekker siden.