Barrierefreie Formulare
Werden einige Grundlagen beachtet ist die barrierefreie Umsetzung von HTML-Seiten und vor allem Webformularen kein Problem.
Richtlinien
- fieldsets zum Gruppieren von zusammengehörigen Formularteilen benutzen
- legend zum Beschriften von Fieldsets benutzen
- jedes Formularfeld besitzt einen ihm zugeordneten Label
- title für Formularelemente und Buttons benutzen
- :focus für Formularelemente definieren
- :hover und :focus für Buttons definieren
- legend und labels dürfen per CSS falls visuell nicht benötigt ausgeblendet werden
Beispiel
<form action="site.htm" method="post" name="searchform">
<fieldset>
<legend>Searchform</legend>
<label for="searchword">Searchword</label>
<input type="text" id="searchword" name="searchword" title="enter Searchword" value="" />
<input type="submit" name="search" title="search now" value="search" />
</fieldset
</form>
