Zum Inhalt springen
skrabi.comProjekt starten ↗

Webentwicklung / Internationaler Fachratgeber

Ratgeber: Eine Auswahlgruppe braucht eine gemeinsame Frage

Mit fieldset und legend erhalten ähnliche Antwortoptionen eine gemeinsame Frage. Prüfe Gruppierung und einzelne Beschriftungen zusammen.

Mechanischer Arm ordnet zusammengehörige Formularbausteine

Drei Antworten brauchen einen Zusammenhang

„Ja“, „Nein“ und „Vielleicht“ sind ohne Frage keine hilfreichen Formularoptionen. In einer Veranstaltungsanmeldung können sich diese Antworten auf Teilnahme, Verpflegung oder einen Helferdienst beziehen. Dieser Fachratgeber behandelt bestehendes HTML auf Grundlage der am 9. Oktober 2026 geprüften MDN-Dokumentation; er meldet keine neue Browserfunktion. Das Element fieldset fasst zusammengehörige Formularelemente zusammen. Ein darin enthaltenes legend benennt die Gruppe. Dadurch lässt sich die gemeinsame Frage im Aufbau der Seite ausdrücken, statt ihre Bedeutung nur über räumliche Nähe oder eine farbige Umrandung anzudeuten.

Die Frage vor den Optionen formulieren

Entwirf als eigenes Beispiel eine Anmeldung für eine offene Werkstatt. Eine Gruppe fragt „An welchem Rundgang möchtest du teilnehmen?“ und enthält die Optionen vormittags und nachmittags. Eine zweite Gruppe fragt nach einem freiwilligen Helferdienst. Jede Option behält ihre eigene Beschriftung; die Gruppenüberschrift ersetzt sie nicht. Schreibe zunächst die Texte ohne Gestaltung auf und lies sie jemandem vor. Wenn „vormittags“ bei beiden Fragen vorkommt, muss trotzdem erkennbar sein, wozu die Antwort gehört. Erst danach lohnt sich die Gestaltung mit Abständen und Rahmen.

Deaktivierte Gruppen bewusst behandeln

MDN beschreibt, dass disabled an einem fieldset dessen untergeordnete Formularelemente deaktiviert; Elemente innerhalb des legend bilden eine Ausnahme. Deaktivierte Eingaben werden nicht zusammen mit dem Formular übermittelt. Für unseren Projektplan bedeutet das: Eine noch nicht verfügbare Auswahl darf nicht als stillschweigend bestätigte Antwort behandelt werden. Stelle daneben einen verständlichen Grund dar. Ob die Anwendung eine Auswahl später wieder anbietet oder eine Rückfrage stellt, musst du fachlich entscheiden. Das HTML-Element allein kennt weder deine Anmelderegeln noch die verfügbare Zahl an Plätzen.

Mit zwei ähnlichen Fragen abnehmen

Teste das Formular absichtlich mit ähnlichen Antwortwörtern. Durchlaufe es per Tastatur und prüfe in der tatsächlichen Umsetzung auch mit geeigneter assistiver Technik, ob Gruppenfrage und einzelne Beschriftung verständlich zusammenwirken. Ergänze einen schmalen Bildschirmtest mit einer langen Frage. Sie darf nicht mitten im Rahmen abgeschnitten werden. Abschließend kontrollierst du die empfangenen Testdaten: Jede Antwort muss der richtigen Frage entsprechen. Ein sinnvoller Bauauftrag nennt diese konkreten Fälle, statt lediglich eine „barrierefreie Anmeldung“ zu versprechen, deren Verhalten anschließend niemand überprüft.

Quellen & Aktualität

Quellen geprüft am 2026-10-09. Herstellerangaben sind als solche eingeordnet. Produktdetails können sich nach diesem Stand ändern.