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
- Geben Sie jedem Element eine eindeutige id und passen Sie die Attribute an, die darauf verweisen (for, aria-labelledby, aria-describedby).
- 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.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel duplicate-id-aria in einem echten Chrome-Browser auf jeder getesteten Seite aus und meldet jedes fehlerhafte Element mit seiner Seite, seinem Markup und, wo zutreffend, einem Screenshot.
Ein automatisierter Test bestätigt, dass genau dieses Problem vorliegt. Ob der Rest der Seite barrierefrei ist, kann er nicht beurteilen: Manche Barrieren zeigen sich erst, wenn ein Mensch die Seite prüft.