Verwende Radiobuttons, wenn genau eine Antwort aus einer Gruppe möglich ist. Verwende Checkboxen, wenn mehrere Antworten zugleich gelten können oder eine unabhängige Option ein- und ausgeschaltet wird. Die Entscheidung folgt der Bedeutung der Frage, nicht dem Stil deiner Icons.
Die Frage bestimmt das Verhalten
Eine fachliche Referenz ist die Checkbox-Komponente von GOV.UK. Mehrere Abfallarten stehen unter einer gemeinsamen Frage. Ein zusätzlicher Hinweis macht ausdrücklich deutlich, dass mehrere Antworten möglich sind. Die quadratischen Felder allein müssen diese Bedeutung nicht vermitteln.
Das Beispiel ist eine öffentliche Referenz mit vorgegebenenen Demonstrationsinhalten. Es sagt nichts darüber aus, wie häufig diese Antworten in einem echten Service gewählt werden. Sichtbar und analysierbar sind die Gruppenfrage, die Anordnung und der Hinweis auf die Mehrfachauswahl.
Übersetze das auf ein Anfrageformular
Fragst du „Wobei brauchst du Unterstützung?“, können etwa Website, Texte und visuelle Identität gleichzeitig passen. Fragst du dagegen nach dem bevorzugten Kontaktweg, kann eine einzelne Auswahl sinnvoll sein. Wenn du mehrere Kontaktwege akzeptierst, muss die Formulierung genau das ausdrücken.
Eine häufige Stolperfalle ist „Keine der genannten Antworten“. Diese Option darf nicht gleichzeitig mit mehreren positiven Antworten bestehen bleiben. Lege fest, wie die Oberfläche diesen Widerspruch auflöst, und erkläre das Verhalten. Eine automatische Änderung sollte nachvollziehbar sein; überraschendes Abwählen kann selbst zum Problem werden.
Gruppen brauchen eine technische Struktur
Für zusammengehörige Felder bieten fieldset und legend eine passende HTML-Struktur. Die einzelnen Optionen behalten ihre eigenen Labels. Die W3C-Anleitung zum Gruppieren von Formularfeldern erläutert, wie diese Beziehungen auch assistiven Technologien zugänglich werden.
Teste die Gruppe mit Tastatur und Vergrößerung. Kannst du erkennen, welche Frage zu welchen Optionen gehört? Sind lange Beschriftungen vollständig sichtbar? Bleibt der Abstand zwischen einer Option und ihrem Hilfetext kleiner als der Abstand zur nächsten Option?
Keine Auswahl ist ebenfalls ein Zustand
Überlege, ob eine unbeantwortete Frage erlaubt ist und wie sie sich von einer bewussten negativen Antwort unterscheidet. Ein vorausgewählter Wert kann diese Unterscheidung verdecken. Bei tatsächlichen Einstellungen kann ein bestehender Wert sinnvoll sein; bei einer neuen Frage sollte er nicht ohne Grund eine Antwort nahelegen.
Die Datenregel kommt vor dem Aussehen
Schreibe zunächst auf, welche Kombinationen erlaubt sind. Bei gewünschten Kontaktkanälen können E-Mail und SMS gleichzeitig sinnvoll sein. Bei einer einzigen Versandart muss eine Auswahl die andere ausschließen. Diese Regel bestimmt das Bedienelement. Eine optische Vorliebe für runde oder eckige Felder sollte sie nicht verändern.
Unterscheide außerdem zwischen einer Gruppe von Antworten und einer einzelnen Bestätigung. Eine Checkbox für eine unabhängige Einstellung ist eine andere Aufgabe als mehrere Checkboxen unter einer gemeinsamen Frage. Formuliere den Text jeweils so, dass der ausgewählte Zustand eindeutig lesbar ist. Eine doppelte Verneinung kann selbst bei technisch korrekter Umsetzung schwer verständlich bleiben.
Sonderfälle müssen zur Frage passen
Eine Option wie „Keine davon“ darf nicht unbemerkt mit widersprechenden Antworten kombiniert werden. Lege fest, wie sich das Formular verhält, wenn diese Option gewählt wird. Die Regel muss sowohl in der Oberfläche als auch bei der Verarbeitung der Angaben gelten. Ein sichtbarer Zustand, den der Server später anders interpretiert, erzeugt vermeidbare Unsicherheit.
Bei persönlichen Fragen kann eine ausdrückliche Antwort „Weiß ich nicht“ sinnvoller sein als eine scheinbar neutrale Vorauswahl. Das gilt nur, wenn diese Antwort fachlich zulässig ist. Verwechsle fehlende Information nicht mit einer negativen Antwort. Ein leeres Feld und ein bewusst gewähltes „Nein“ können in einem Prozess unterschiedliche Bedeutungen haben.
Die gesamte Beschriftung ist Teil der Auswahl
Eine lange Option muss auch auf einem schmalen Bildschirm ihrem Kontrollfeld eindeutig zugeordnet bleiben. Halte ihren Zusatzhinweis näher an der eigenen Beschriftung als an der nächsten Antwort. Prüfe den klickbaren Bereich sowie Tastaturbedienung und Fokus. Eine winzige sichtbare Markierung muss nicht die einzige Stelle sein, an der eine Auswahl aktiviert werden kann.
Für einen Test reicht eine konkrete Frage mit einer Aufgabe, bei der einmal eine und einmal mehrere Antworten sinnvoll sind. Bitte die Person, vor dem Auswählen zu erklären, wie viele Antworten sie für zulässig hält. So prüfst du die vermittelte Regel und nicht nur, ob die Steuerelemente technisch reagieren.
Wenn die Gruppe sehr lang wird, helfen zunächst verständliche Kategorien und eine Prüfung der Frage. Nicht jede lange Liste sollte automatisch in ein Dropdown verwandelt werden. Die grundsätzliche Abwägung erklärt Weniger Auswahl, bessere Entscheidungen?.
