Checkbox HTML · nativ
Ein Haken. Vier Signale.
Eine Checkbox braucht type="checkbox", eine sichtbare Beschriftung über for und id sowie name und value. Gehören mehrere Optionen zu einer Frage, verbinden fieldset und legend sie zur Gruppe. Nur gewählte Werte landen in FormData.
01 / Live-Signalweg
Umschalten und zusehen, was der Browser meldet.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Board Ihnen.
Live-Signalweg
Was der Browser aus einem Input macht.
Beschriftung anklicken oder mit Tab und Leertaste umschalten.
fieldset + legendGruppenkontext- Welche Updates möchten Sie?
type="checkbox"Rolle + Zustandcheckbox· Newsletter: false · Angebote: falselabel · for ↔ idNamen- Newsletter · Angebote
name + valueFormData
Kein role und kein aria-checked: Die native Checkbox liefert beides selbst.
Checkbox-Zustände: Newsletter: false · Angebote: false. FormData: kein Eintrag.
02 / Der Unterschied
Eine Checkbox ist schnell gebaut – ein Formular nicht.
Namen entscheiden
Ohne verknüpftes Label bleibt die Checkbox für Hilfstechnik anonym. Der Website-Check findet Felder ohne technisch zugeordnete Beschriftung.
Gruppen brauchen Kontext
Einzelne Haken funktionieren, doch erst fieldset und legend machen aus Optionen eine verständliche Frage.
Fundstellen statt Regelwerk
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – bereit für die direkte Behebung.
03 / Auf Ihrer Website
Jetzt die eigenen Formulare prüfen.
Das Board zeigt den Signalweg an einem Beispiel. Der Website-Check prüft Ihre Seiten auf unbeschriftete Felder und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis