User-Aid Logo
Zurück zur Übersicht

label-title-only

Detailinformationen zur WCAG-Regel

Best PracticeErnsthaft

Stellen Sie sicher, dass jedes Formularelement ein sichtbares Label hat und nicht ausschließlich mit versteckten Labels oder den Attributen title oder aria-describedby beschriftet ist

Formularelemente sollten ein sichtbares Label haben. Die alleinige Verwendung von `title` oder `aria-describedby` ist nicht ausreichend.

Warum ist das wichtig?

Obwohl `title` und `aria-describedby` zugängliche Namen für Formularelemente bereitstellen können, sind sie kein Ersatz für ein sichtbares `<label>`. Sichtbare Labels sind für alle Benutzer wichtig, da sie den Zweck eines Formularsteuerelements klar angeben. Sie sind auch für Benutzer mit motorischen Einschränkungen unerlässlich, die auf das Label klicken können, um die Eingabe zu fokussieren.

Lösung

Verwenden Sie für alle Formularsteuerelemente ein sichtbares `<label>`-Element. Die Attribute `title` und `aria-describedby` sollten nur zur Bereitstellung zusätzlicher Informationen oder Hinweise verwendet werden, nicht als alleiniges Label.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.