User-Aid Logo
Zurück zur Übersicht

label

Detailinformationen zur WCAG-Regel

WCAG 2Kritisch

Stellen Sie sicher, dass jedes Formularelement ein Label hat

Alle Formularelemente müssen programmatisch mit einem `<label>` verknüpft sein.

Warum ist das wichtig?

Labels sind für Screenreader-Benutzer unerlässlich, um zu verstehen, welche Informationen in einem Formular angefordert werden. Ohne Labels wissen die Benutzer möglicherweise nicht, wie sie das Formular ausfüllen sollen, was es unzugänglich macht. Labels bieten auch einen größeren klickbaren Bereich für Benutzer mit motorischen Einschränkungen.

Lösung

Verwenden Sie das `<label>`-Element mit dem `for`-Attribut, das mit der `id` des Formularsteuerelements übereinstimmen sollte. Alternativ können Sie das Formularsteuerelement mit dem `<label>`-Element umschließen. In komplexen Situationen können `aria-label` oder `aria-labelledby` verwendet werden.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.