Wat deze regel controleert
Zorg dat elke waarde van het id-attribuut die in ARIA en in labels wordt gebruikt, uniek is.
Waarom het belangrijk is
Labels en beschrijvingen verwijzen via de id naar elementen; dubbele id’s verbreken die koppeling (WCAG 4.1.2).
Zo los je het op
- Geef elk element een unieke id en werk de attributen bij die ernaar verwijzen (for, aria-labelledby, aria-describedby).
- Voeg in Shopify-secties {{ section.id }} toe aan id’s, zodat herhaalde secties uniek blijven.
Zo controleer je de oplossing
- Scan opnieuw en controleer dat de regel duplicate-id slaagt.
Zo vindt FixReports het
Onze scan voert de axe-core-regel duplicate-id-aria uit in een echte Chrome-browser op elke pagina die hij test, en meldt elk element dat niet slaagt, met de pagina, de markup en, waar van toepassing, een screenshot.
Een geautomatiseerde test bevestigt dat dit specifieke probleem aanwezig is. Hij kan niet zeggen of de rest van de pagina toegankelijk is: sommige drempels komen pas aan het licht als een mens de pagina controleert.