Fieldsets
Große Formulare unterteilen sich meist in mehrere Bereiche, welche logische Einheiten bilden.
Mit den HTML-Tags Fieldset bzw. Legend, können man diese Bereiche voneinander trennen und jedem Teil-Formular mit eine Überschrift versehen, so können auch Screenreader eine Zusammenhang und den einzelnen Felder ausmachen.
Mit den HTML-Tags Fieldset bzw. Legend, können man diese Bereiche voneinander trennen und jedem Teil-Formular mit eine Überschrift versehen, so können auch Screenreader eine Zusammenhang und den einzelnen Felder ausmachen.
Beispiel:
<form method="post" action="./">
<fieldset>
<legend>Ihre Daten</legend>
<label for="firstname">Vorname</label>
<input id="firstname" type="text" name="firstname" value="" /><br /><br />
<label for="lastname">Nachname</label>
<input id="lastname" type="text" name="lastname" value="" /><br /><br />
</fieldset>
<fieldset>
<legend>Newsletter-Abo</legend>
<label for="email">Ihre Email-Adresse</label>
<input id="email" type="text" name="email" value="" /><br /><br />
<label for="newsletter" >Newsletter abonnieren</label>
<input id="newsletter" type="checkbox" name="newsletter" value="1" /><br /><br /><br />
</fieldset>
<input type="submit" name="action" value="abschicken" />
</form>