# Id’s die in ARIA en labels worden gebruikt, moeten uniek zijn

<https://www.fixreports.com/nl/issues/duplicate-id-aria>

WCAG 4.1.2 Naam, rol, waarde · Niveau A

Meerdere elementen delen een id die iets labelt of beschrijft, waardoor hulptechnologie misschien het verkeerde label voorleest.

## 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
### Op elke website
1. Geef elk element een unieke id en werk de attributen bij die ernaar verwijzen (for, aria-labelledby, aria-describedby).
2. Voeg in Shopify-secties {{ section.id }} toe aan id’s, zodat herhaalde secties uniek blijven.

### In Shopify
1. Geef elk element een unieke id en werk de attributen bij die ernaar verwijzen (for, aria-labelledby, aria-describedby).
2. Voeg in Shopify-secties {{ section.id }} toe aan id’s, zodat herhaalde secties uniek blijven.

### In WooCommerce en WordPress
1. Geef elk element een unieke id en werk de attributen bij die ernaar verwijzen (for, aria-labelledby, aria-describedby).
2. 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.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Uitleg bij WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value