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:

  1. Weisen Sie einem Steuerelement mithilfe des Attributs ID einen eindeutigen Bezeichner zu.
  2. Erstellen Sie ein LABEL-Element mit der Text- bzw. Grafikbeschreibung, die Sie dem Steuerelement zuweisen möchten.
  3. Fügen Sie zu diesem LABEL-Element das Attribut FOR mit der ID des Steuerelements als Wert hinzu.

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.