Steuerelementen von Formularen explizite Beschriftungen zuordnen | |
WAI / WCAG 1.0 Priorität 2 Checkpunkt 12.4 | |
Problembeschreibung Die Seite enthält ein Formular, dessen Steuerelemente nicht explizit den LABEL-Elementen zugeordnet sind. |
|
Problemlösung
Es werden drei Schritte benötigt, um eine Beschriftung mit einem Steuerelement zu verknüpfen:
Beispiel: <form action="submit" method="post"> <label for="firstname">First name: </label> <input type="text" id="firstname"> <label for="lastname">Last name: </label> <input type="text" id="lastname"> </form> |
|
Problemerklärung Wenn ein Benutzer mit uneingeschränkter Sehfähigkeit mithilfe der Tabulatortaste ein Formular durchläuft, so kann er völlig problemlos die Steuerelemente mit den danebenstehenden Beschriftungen verbinden. Für einen Benutzer mit einem Bildschirmlesegerät ist diese Information nicht ausreichend. Er muss genau wissen, welche Beschriftung mit welchem Steuerelement verknüpft ist. Diese Funktion kann am besten mithilfe des Elements LABEL erreicht werden. Dabei muss LABEL die eigentliche Beschriftung und das Steuerelement des Formulars enthalten, und dessen Attribut FOR muss die ID des Steuerelements aufweisen. Dabei können sowohl ein LABEL-Element als auch mehrere LABEL auf ein Steuerelement verweisen Allerdings wird diese Funktion noch nicht von allen Bildschirmlesegeräten unterstützt, daher wird empfohlen, immer nur ein LABEL auf ein Steuerelement verweisen zu lassen. Eine solche Beschriftung kann aber auch bedingungslos mit einem Steuerelement verknüpft werden: Geben Sie einfach sowohl die Beschriftung als auch das Steuerelement als Inhalte in das LABEL-Element ein. Aber auch wenn dieses Verfahren in den HTML 4.01 Recommendation-Dateien empfohlen wird, so wird es doch noch nicht von allen Bildschirmlesegeräten unterstützt. |