Beschriftungen

In Formularen kommt es häufig vor, dass die Beschreibung und das dazugehörige Feld nebeneinander, aber im Quelltext nicht unmittelbar stehen.
Für Screenreader kann dies ein Problem darstellen, daher verwendet man den HTML-Tag "Label" für die Beschreibung um einen Zusammenhang zum Formular-Feld herzustellen.
Um die beiden Tags miteinander zu verknüpfen, hat der Label einen FOR - Value und das Feld eine ID mit demselben Wert, daher kann der Reader die beiden Felder in Verbindung bringen.
Beispiel:
<form method="post" action="./">
    <label for="email">Ihre Email-Adresse</label>
    <input id="email" type="text" name="email" value="" /><br /><br />
    <label for="newsletter" >Newsletter abonnieren</label>
    <input id="newsletter" type="checkbox" name="newsletter" value="1" /><br /><br /><br />
    <input type="submit" name="action" value="abschicken" />
</form>