Ratgeber: Eine Sammelcheckbox soll eine teilweise Auswahl ehrlich anzeigen

Drei von fünf Dokumenten sind markiert

Eine Verwaltungsseite bietet fünf harmlose Beispieldokumente zum gemeinsamen Export an. Drei sind ausgewählt. Soll die Checkbox über der Liste jetzt leer oder angehakt wirken? MDN beschreibt dafür die Eigenschaft indeterminate bei Checkboxen. Sie wird per JavaScript gesetzt und kann eine teilweise Auswahl darstellen. Der Zustand ist unabhängig von checked und beeinflusst das Erscheinungsbild, nicht eigenständig die Übermittlung des Formulars. Das ist eine Einordnung vorhandener Webtechnik, keine Ankündigung einer neuen Funktion.

Die drei Fälle aufschreiben

Definiere zunächst keine Auswahl, vollständige Auswahl und teilweise Auswahl. Die Sammelcheckbox erhält für jeden Fall eine bewusst gewählte Darstellung. Daneben kann unser Übungsentwurf „3 von 5 Dokumenten ausgewählt“ zeigen. Die Zahl macht den Umfang auch dann verständlich, wenn das gemischte Symbol nicht sofort erkannt wird. Der eigentliche Export arbeitet mit den ausgewählten Dokumentkennungen und darf seinen Umfang nicht aus dem Aussehen des Sammelfeldes ableiten.

Prüfe nacheinander das Ankreuzen einer einzelnen Zeile, aller Zeilen und das Entfernen eines Hakens aus einer vollständigen Auswahl. Nach jeder Änderung muss die Zusammenfassung neu zum tatsächlichen Bestand passen.

Den Geltungsbereich klar benennen

Füge einen Filter hinzu, der nur zwei der fünf Dokumente zeigt. Nun braucht „alle auswählen“ eine eindeutige Bedeutung. In unserem Beispiel soll die Aktion nur die sichtbaren Treffer betreffen. Beschrifte sie entsprechend und entscheide, was mit bereits ausgewählten unsichtbaren Dokumenten geschieht. Ein versteckter Rest kann sonst beim Export überraschend wieder auftauchen. Diese fachliche Regel kommt aus deinem Projektplan, nicht aus der Checkbox-Eigenschaft.

Den Stapel vor der Aktion prüfen

Lass eine Testperson die Auswahl nur mit Tastatur bedienen und anschließend den geplanten Exportumfang erklären. Zeige vor der Aktion die Dokumentzahl und bei Bedarf eine kontrollierbare Liste. Prüfe außerdem den leeren Zustand: Wenn kein Dokument ausgewählt ist, darf der Bildschirm keinen erfolgreichen Export behaupten. Wiederhole den Ablauf nach einem Filterwechsel und nach dem Entfernen einer ausgewählten Zeile. Für diese Probe genügt ein lokaler Datensatz. Eine belastbare Umsetzung verbindet sichtbaren Zustand, genaue Auswahl und tatsächliche Aktion. Ein hübscher Strich in der Sammelcheckbox allein kann diese Prüfung nicht ersetzen.