Fehlender "Label" für Formularelemente bei Accessability Prüfung

Bei Accessability Prüfungen wie etwa mit WAVE - web accessibility evaluation tool ist eine Fehlermeldung ähnlich 'ERROR: Form label missing::A form <input>, <select>, or <textarea> does not have a corresponding label' gekommen. Der Grund dafür ist, wie die Meldung sagt, das fehlen eine <label> Elements für jedes Formular-Element wie Eingabefelder oder Checkboxes

Zur Korrektur des Problems muss man einfach das label tag in das Formular einfügen. In vielen Fällen wird das zu bezeichnende Formular-Element bereits eine Beschriftung besitzen, nur ist diese eben nicht von einem label tag eingeschlossen. Wichtig beim Hinzufügen des label tags:

• Das label tag muss das Attribut for="id des zu bezeichnenden elements" gesetzt haben
• Das zu bezeichnende Element muss das Attribut id, und nicht nur das Attribut name, gesetzt haben (zB. id="username"). Die id muss eindeutig sein auf der Seite.

Beispiel:

<label for="loginform_username">Username:</label><input name="username" id="loginform_username" type="text" /><