Vad regeln kontrollerar
Säkerställ att varje id-attributvärde som används i ARIA och i etiketter är unikt.
Därför spelar det roll
Etiketter och beskrivningar pekar på element via id; dubbletter bryter den kopplingen (WCAG 4.1.2).
Så åtgärdar du det
- Ge varje element ett unikt id och uppdatera attributen som hänvisar till det (for, aria-labelledby, aria-describedby).
- I Shopify-sektioner lägger du till {{ section.id }} i id:n så att upprepade sektioner förblir unika.
Så kontrollerar du åtgärden
- Skanna igen och bekräfta att regeln duplicate-id godkänns.
Så hittar FixReports det
Vår skanning kör axe-core-regeln duplicate-id-aria i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.
Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.