Form HTML · Barrierefreiheit
Formulare in HTML vollständig verbinden.
Ein zugängliches Formular verbindet jede Frage mit einem nativen Feld: label und id liefern den Namen; type, required und autocomplete beschreiben Datentyp, Regel und Zweck; aria-describedby bindet Hilfe oder Fehler ein. name übermittelt den Wert, ein echter Submit-Button startet die serverseitig geprüfte Verarbeitung.
Formularmodell
Ein Feld, zwei Ausgaben.
<label for="email">E-Mail</label>
<p id="email-hint">Für die Bestätigung.</p>
<input
id="email"
name="email"
type="email" autocomplete="email" required
aria-describedby="email-hint"
>
<button type="submit">Bestätigung senden</button>Beim Bedienen
- Name
- Feldart · Zustand · Zweck
- E-Mail · erforderlich · E-Mail-Adresse
- Beschreibung
- Für die Bestätigung.
Beim Absenden
FormData
Label und ID liefern gemeinsam den Namen des Feldes. Fehlerzustand aus.
Der Website-Check findet fehlende Labels, ungültige Referenzen und weitere technisch erkennbare Formularfehler.
Formularseite prüfen