fieldset legend html

fieldset legend html: Welche Frage verbindet diese Optionen?

Einzelne Labels benennen Antworten. Erst fieldset und legend geben der gesamten Auswahl einen programmatischen Namen.

01 / Gruppenlabor

Fieldset, Legend und Labels verbinden, Ansage sofort hören.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.

Semantische Hülle

Gruppenname bis zur Option verfolgen

2/31 Verbindung offen

legendBevorzugter Kontaktweg

<div>

E-MailTelefonPost

Erwartete Kurzansage„E-Mail, Optionsfeld, 1 von 3“

Saubere Struktur

Legend zuerst, Optionen danach

<fieldset>
  <legend>Bevorzugter Kontaktweg</legend>
  <label><input type="radio" name="contact" value="email"> E-Mail</label>
  <label><input type="radio" name="contact" value="phone"> Telefon</label>
  <label><input type="radio" name="contact" value="post"> Post</label>
</fieldset>

Das Labor demonstriert eine Gruppe. Der URL-Check sucht weitere erkennbare Formularprobleme auf der veröffentlichten Website.

02 / Der Unterschied

Eine Gruppe ist der Anfang, nicht das Formular.

Ohne Gruppe bleibt die Frage stumm
Einzeln stehende Optionsfelder melden Screenreader nur als „E-Mail, Optionsfeld“ – die Frage dazu fehlt. Genau das passiert, wenn ein div statt fieldset und legend gruppiert.
Der Check sucht das ganze Formular ab
Der Website-Check findet unbeschriftete Felder, Gruppen ohne programmatischen Namen und weitere automatisch erkennbare Formularbarrieren auf Ihren Seiten.
Fundstellen statt Rätselraten
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigenen Formulare prüfen.

Das Labor zeigt das Prinzip an einer Gruppe. Der Website-Check prüft Ihre Seiten auf fehlende Gruppennamen und weitere automatisch erkennbare Barrieren.

1URL
2Auswahl
3Prüfung
4Ergebnis

Ohne Gruppe bleibt die Frage stumm

Der Check sucht das ganze Formular ab

Fundstellen statt Rätselraten