Doppelte IDs bei Labels oder ARIA

Meldung in axe und Lighthouse: IDs, welche in ARIA und Lables genutzt werden, müssen einzigartig sein. · duplicate-id-aria · WCAG 4.1.2

Was das bedeutet und warum es wichtig ist

Teilen sich zwei Elemente eine ID, landen Beschriftungen beim falschen Element (WCAG 4.1.2).

So beheben Sie es

Jede referenzierte ID auf der Seite eindeutig machen.

Code-Beispiel

Vorher

<label for="email">Email</label><input id="email">
<label for="email">Email (footer)</label><input id="email">

Nachher

<label for="email">Email</label><input id="email">
<label for="email-footer">Email (footer)</label><input id="email-footer">

Alle Barrierefreiheits-Fehler