Das label-Element ist die Beschriftung eines Formularfelds. Es stellt die Verbindung her, von der die Bedienbarkeit abhängt.
- label-Element
Element, das ein Formularfeld beschriftet und mit ihm verknüpft ist.
Beispiel: „Ein Klick auf das Label setzt den Fokus in das zugehörige Feld.“
Die Verbindung
<label for="mail">E-Mail-Adresse</label>
<input type="email" id="mail" name="mail">
<label>
<input type="checkbox" name="agb">
Ich habe die Bedingungen gelesen
</label>Entweder über for und die passende ID, oder indem das Feld im Label liegt. Beides ist gleichwertig; die erste Form ist flexibler im Layout.
Warum es nicht optional ist
Ein Screenreader liest beim Fokus auf einem Feld dessen Label vor. Fehlt es, hört der Nutzer nur Eingabefeld. Nebenbei vergrößert das Label die Fläche, die sich antippen lässt, was bei Kästchen auf dem Telefon den Unterschied macht.