Matti Mäkitalo: Probleme mit IE – 'mal wieder

Beitrag lesen

Hi,

	<table id="anmeldetabelle">  
  	<tr>  
  		<td class="label">  
  			Benutzername  
  		</td>

>   
> Label solltest du unbedingt als [label](http://de.selfhtml.org/html/formulare/strukturieren.htm#label) auszeichnen, um die Zuordnung du den Eingabefeldern anzugeben. Das ermöglicht die Fokussierung des Eingabefeldes durch Anclicken des Labels, besonders wichtig bei Radiobuttons und Checkboxen. Für Nutzer assistiver Techniken wie Screenreader wäre ohne diese Auszeichnung im Markup kein Bezug zwischen Label und Eingabefeld vorhanden, das Formular wäre unbedienbar.  
  
Das gilt übrigens auch für diverse GUI-Test-Tools. Ich nutze momentan Behat/Mink, und dort kann ich Formularfelder über deren Label adressieren. Mein Test-Schritt sieht also z.B. so aus:  
  When I fill in "Benutzername" with "Matti"  
  
Ist doch deutlich schöner zu lesen als  
  When I fill in "#anmeldetabelle input[name='nutzername']" with "Matti"  
(und ich bin mir nichtmal sicher, ob es mit einem Selektor überhaupt sicher funktionieren würde).  
  
Aus dem gleichen Grund nutze ich auch intensiv das output-Element von HTML5. Dafür ist die Kopplung mit dem Label-Element auch erlaubt, und ich habe einen Satz für Mink geschrieben, mit dem ich Output-Texte anhand ihres Labels testen kann.  
  
Bis die Tage,  
Matti