# IDs, welche in ARIA und Lables genutzt werden, müssen einzigartig sein

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

WCAG 4.1.2 Name, Rolle, Wert · Stufe A

Mehrere Elemente teilen sich eine id, die etwas beschriftet oder beschreibt, daher lesen assistive Technologien möglicherweise das falsche Label vor.

## Was diese Regel prüft
Stellt sicher, dass jeder Wert des ID-Attributes, welcher in ARIA und labels genutzt wird einzigartig ist.

## Warum das wichtig ist
Labels und Beschreibungen verweisen über die id auf Elemente; Duplikate unterbrechen diese Verknüpfung (WCAG 4.1.2).

## So beheben Sie es
### Auf jeder Website
1. Geben Sie jedem Element eine eindeutige id und passen Sie die Attribute an, die darauf verweisen (for, aria-labelledby, aria-describedby).
2. Ergänzen Sie in Shopify-Abschnitten {{ section.id }} in den ids, damit wiederholte Abschnitte eindeutig bleiben.

### In Shopify
1. Geben Sie jedem Element eine eindeutige id und passen Sie die Attribute an, die darauf verweisen (for, aria-labelledby, aria-describedby).
2. Ergänzen Sie in Shopify-Abschnitten {{ section.id }} in den ids, damit wiederholte Abschnitte eindeutig bleiben.

### In WooCommerce und WordPress
1. Geben Sie jedem Element eine eindeutige id und passen Sie die Attribute an, die darauf verweisen (for, aria-labelledby, aria-describedby).
2. Ergänzen Sie in Shopify-Abschnitten {{ section.id }} in den ids, damit wiederholte Abschnitte eindeutig bleiben.

## So prüfen Sie die Korrektur
- Scannen Sie erneut und prüfen Sie, dass die Regel duplicate-id besteht.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/duplicate-id-aria
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value