Kontrollkästchen Designsystem

Wählen Sie mehrere Elemente aus oder aktivieren Sie eine unabhängige Auswahl.

6 Prüfpunkte · 3 Inhaltsgruppen

Inhalt der Checkliste

Prüffortschritt

Struktur und Bedeutung

Vergleichen Sie Informationen und Präsentation im Nutzungskontext.

Geben Sie die Wirkung der Markierung anVerknüpfen Sie die Bezeichnung mit dem Kontrollkästchen und beschreiben Sie die Auswahl in leicht verständlichen Worten.Wählen Sie nicht vorab eine optionale Einwilligung anstelle der Entscheidung des Benutzers aus.Beispiel „Produkt-Newsletter per E-Mail erhalten“ ist von der Annahme der Bedingungen getrennt.Gruppenbezogene OptionenFügen Sie eine allgemeine Bezeichnung hinzu, wenn die gleiche Frage mehrere Elemente enthält.Lesen Sie die Gruppenbezeichnungen und treffen Sie dann jede Auswahl, um sicherzustellen, dass alle die gleiche Frage beantworten und sich der Bereich nicht leicht verwechselt.Zeigt den Status deutlich anUnterscheiden Sie zwischen nicht ausgewählt, ausgewählt, fokussiert, deaktiviert und teilweise ausgewählt, sofern verfügbar.Verwenden Sie zusätzlich zur Farbe Häkchen oder Formen. Der Status „Teilweise ausgewählt“ muss sich deutlich vom Status „Vollständig ausgewählt“ unterscheiden.

Interaktion und Benutzerfreundlichkeit

Probieren Sie den Vorgang aus, ändern Sie den Status und arbeiten Sie weiter.

TastaturbedienungKonzentrieren Sie sich auf die Zelle und schalten Sie sie mit der Leertaste ein oder aus, nicht nur mit der Maus.Versuchen Sie es mit der Leertaste, wenn Sie sich auf eine Zelle konzentrieren und auf eine Beschriftung klicken. Beide Methoden müssen genau die gleiche Auswahl beeinflussen.Erklären Sie „Alles auswählen“.Geben Sie den Umfang aller Daten oder die aktuelle Seite an; Aktualisieren Sie den übergeordneten Status, wenn Sie jedes Element auswählen.Wenn die Liste gefiltert oder seitenweise ist, geben Sie an, ob „Alle auswählen“ nur für den aktuell sichtbaren Abschnitt oder alle Ergebnisse gilt.

Vervollständigen Sie das Erlebnis

Achten Sie auf Details, die bei der Verwendung des Designs leicht übersehen werden können.

Wählen Sie bewusst den AusgangszustandWählen Sie basierend auf den vorhandenen Daten und der tatsächlichen Auswirkung der Auswahl, ob ein Kontrollkästchen aktiviert werden soll. Wählen Sie die optionale Einwilligung nicht vorab aus.Beim erneuten Öffnen eines gespeicherten Formulars sollte der Status die vorherige Auswahl widerspiegeln, anstatt einen neuen Standard anzuwenden.

Der Fortschritt wird automatisch in diesem Browser gespeichert.

ANLEITUNG

So prüfen Sie

Geben Sie die Wirkung der Markierung an

Wählen Sie nicht vorab eine optionale Einwilligung anstelle der Entscheidung des Benutzers aus.

BEISPIELE

Anwendungsbeispiele

Geben Sie die Wirkung der Markierung an

„Produkt-Newsletter per E-Mail erhalten“ ist von der Annahme der Bedingungen getrennt.

Kontrollkästchen Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie die Wirkung der Markierung an

Anwendungsbeispiele

Geben Sie die Wirkung der Markierung an

Kontrollkästchen und Beschriftung

Auswahlzustand

Checkliste suchen

Keine Checklisten gefunden

Kontrollkästchen Designsystem

Struktur und Bedeutung

Interaktion und Benutzerfreundlichkeit

Vervollständigen Sie das Erlebnis

So prüfen Sie

Geben Sie die Wirkung der Markierung an

Anwendungsbeispiele

Geben Sie die Wirkung der Markierung an

Varianten und Anwendungsfälle

Kontrollkästchen und Beschriftung

Auswahlzustand