User-Aid Logo
Zurück zur Übersicht

form-field-multiple-labels

Detailinformationen zur WCAG-Regel

WCAG 2Mäßig

Stellen Sie sicher, dass ein Formularfeld nicht mehrere Label-Elemente hat

Ein Formularfeld sollte genau ein zugehöriges `<label>`-Element haben.

Warum ist das wichtig?

Mehrere Labels für ein einzelnes Formularfeld führen zu inkonsistentem Verhalten bei verschiedenen Screenreadern. Einige lesen möglicherweise das erste Label, andere alle und wieder andere keines, was die Benutzer darüber verwirrt, welche Informationen erforderlich sind.

Lösung

Entfernen Sie zusätzliche `<label>`-Elemente aus dem Formularfeld und stellen Sie sicher, dass nur eines übrig bleibt. Dieses einzelne Label sollte den Zweck des Formularfelds klar beschreiben.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.