blog.bartlweb - a technologist's external brain

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>

Dieser Artikel hat dir deinen Tag gerettet?
... und mühevolles Probieren, Recherchieren und damit Stunden an Zeit gespart? ... oder einfach nur dein Problem gelöst?

Dann würde ich mich freuen, wenn Du meine Zeit für die Erstellung dieses Blogartikels mit einer kleinen Spende honorierst:

Kommentare

Noch kein Kommentar vorhanden.
Sei der Erste - ich freue mich über deine Anmerkungen, Kritik und Fragen.

Kommentar schreiben

Deine E-Mailadresse wird nur für Benachrichtigungen und Rückfragen verwendet und wird nicht veröffentlicht.

Benachrichtigungen können jederzeit wieder abbestellt werden.

Bitte tippe die Zahlenkombination "3025" ein, nur dann kann ich deinen Kommentar entgegennehmen.

Bitte fülle dieses Feld nicht aus, nur dann kann ich deinen Kommentar entgegennehmen.