Mehrfach-Auswahlliste

Synonyme: Listenfeld, Mehrzeilige Auswahlliste, Listbox

Siehe auch: Auswahlliste, Ausklappliste, Checkbox-Gruppe, Baumstruktur

Mehrfach-Auswahllisten ermöglichen die Auswahl mehrerer Optionen aus einer Liste (siehe DIN EN ISO 9241-161: 8.39).

In der Mehrfach-Auswahlliste werden alle wählbaren Optionen angezeigt (ggf. mit Scrollbalken). Die gewählten Optionen sind hervorgehoben. Die Optionen können gruppiert werden. Die Beschriftung der Gruppen kann nicht ausgewählt werden. Die fokussierte Option ist nicht automatisch identisch mit der gewählten Option.

Die Anforderungen an die Auswahlliste werden im Abschitt „Auswahlliste“ beschrieben. Hier werden nur zusätzliche Anforderungen beschrieben, die daraus resultieren, dass es sich um eine Auswahlliste mit Mehrfach-Auswahl handelt.

Die Anforderungen an die Auswahlliste werden im Abschitt „Auswahlliste“ beschrieben. Hier werden nur zusätzliche Anforderungen beschrieben, die daraus resultieren, dass es sich um eine Auswahlliste mit Mehrfach-Auswahl handelt.

Hinweis: Eine vereinfachte, aber derzeit wenig etablierte Bedienung der Mehrfachauswahl wird im Praxistipp vereinfachte Bedienung der Mehrfach-Auswahl beschrieben. Es wird empfohlen, die implementierte Bedienung für die Mehrfachauswahl unabhängig von der gewählten Methode in der Anwendung oder Hilfe zu beschreiben

Hinweis: Eine vereinfachte, aber derzeit wenig etablierte Bedienung der Mehrfachauswahl wird im Praxistipp vereinfachte Bedienung der Mehrfachauswahl beschrieben. Es wird empfohlen, die implementierte Bedienung für die Mehrfachauswahl unabhängig von der gewählten Methode in der Anwendung oder Hilfe zu beschreiben.

Die Anforderungen an die Auswahlliste werden im Abschitt „Auswahlliste“ beschrieben. Hier werden nur zusätzliche Anforderungen beschrieben, die daraus resultieren, dass es sich um eine Auswahlliste mit Mehrfach-Auswahl handelt

Die Möglichkeit der Mehrfach-Auswahl ist in der Regel nicht zu erkennen, weil sich die Mehrfach-Auswahllisten visuell nicht von Auswahllisten unterscheiden. Darüber ist die Mehrfach-Auswahl (insbesondere die Auswahl nicht-benachbarter Werte) mit der Tastatur und dem Zeigeinstrument erschwert. Mit dem Screenreader sind darüber hinaus häufig die gewählten Elemente nicht wahrnehmbar. Deswegen wird empfohlen, Mehrfach-Auswahllisten durch andere Elemente zu ersetzen, in einer einfachen Form umzusetzen oder deren Funktion und Bedienung zu beschreiben. Alternativen für Mehrfach-Auswahllisten wären u. a.:

• Gruppe von Checkboxen oder
• zwei Auswahllisten oder Mehrfach-Auswahllisten nebeneinander, wobei die erste Liste die verfügbaren Werte und die zweite Liste die gewählten Werte anzeigt. Mit Schaltern können Werte aus der ersten Liste in die zweite verschoben oder aus diesen entfernt werden (siehe Screenshot).

Eine einfache Bedienung von Mehrfach-Auswahllisten kann wie folgt umgesetzt werden:

• mit dem Zeigeinstrument: Klick auf einen Wert ändert den Status (gewählt oder nicht gewählt)
• mit der Tastatur: Aktivierung eines Werts mit der LEER-Taste ändert den Status (gewählt oder nicht gewählt).

Eine einfache Bedienung von Mehrfach-Auswahllisten kann wie folgt umgesetzt werden:

• mit dem Zeigeinstrument: Klick auf einen Wert ändert den Status (gewählt oder nicht gewählt)
• mit der Tastatur: Aktivierung eines Werts mit der LEER-Taste ändert den Status (gewählt oder nicht gewählt).

• JAWS:
  • Ohne gewählten Listeneintrag: [Beschriftung] Erweitertes Listenfeld [Hinweis zur Bedienung mit den Pfeiltasten]
  • Mit gewählten Listeneinträgen: [Beschriftung] Erweitertes Listenfeld [fokussierter Listeneintrag] [Position und Anzahl] [Hinweis zur Bedienung mit den Pfeiltasten]
• NVDA:
  • Ohne gewählten Listeneintrag: [Beschriftung] Liste
  • Mit gewählten Listeneinträgen: [Beschriftung] Liste [fokussierter Listeneintrag] [Position und Anzahl]
• Windows Sprachausgabe:
  • Ohne gewählten Listeneintrag: [Beschriftung] Gewählt unterstützt Mehrfachauswahl [Anzahl]
  • Mit gewählten Listeneinträgen: [Beschriftung] [fokussierter Listeneintrag] [Position und Anzahl] ausgewählt.

Achtung: Mit dem Screenreader sind die gewählten Listeneinträge im Formularmodus nicht wahrnehmbar. Auch die Möglichkeit der Mehrfach-Auswahl ist teilweise nicht wahrnehmbar.
Deswegen wird empfohlen, ein alternatives Element zu verwenden (siehe Praxistipp Alternativen zur Auswahlliste mit Mehrfach-Auswahl).

Achtung: Aus folgenden Gründen ist die Tastaturbedienung erschwert:

• Für die Mehrfach-Auswahl sind Modifikationstasten notwendig, die ggf. nicht bekannt sind. Bei alten Browsern ist die Mehrfach-Auswahl mit der Tastatur nicht möglich bzw. müssen abweichende Modifikationstasten verwendet.
• Bei der Mehrfach-Auswahl sind zwar die gewählten Listeneinträge sichtbar, aber nicht der aktuell fokussierte Listeneintrag.

Deswegen wird empfohlen, ein alternatives Element zu verwenden (siehe Praxistipp Alternativen zur Auswahlliste mit Mehrfach-Auswahl).

Die Umsetzungshinweise für die HTML-Auswahlliste werden im Abschitt „Auswahlliste“ beschrieben. Hier werden nur zusätzliche Hinweise gegeben, die daraus resultieren, dass es sich um eine Auswahlliste mit Mehrfach-Auswahl handelt.

• Die Mehrfach-Auswahlliste sollte mit dem multiple-Attribut umgesetzt werden.
• Der initial gewählten Listeneinträge werden mit dem selected-Attribut ausgezeichnet.

Die Umsetzungshinweise für die ARIA-Auswahlliste werden im Abschitt „Auswahlliste“ beschrieben. Hier werden nur zusätzliche Hinweise gegeben, die daraus resultieren, dass es sich um eine Auswahlliste mit Mehrfach-Auswahl handelt.

• Die Möglichkeit der Mehrfach-Auswahl wird mit aria-multiselectable=true übermittelt.
• Die gewählten Listeneinträge werden mit aria-selected=true oder aria-checked=true ausgezeichnet, alle anderen mit aria-selected=false bzw. aria-checked=false.
• Bei der Navigation durch die Listeneinträge der Auswahlliste müssen diese entweder tatsächlich den Fokus erhalten oder es wird per aria-activedescendant auf den fokussierten Listeneintrag verwiesen. Die erste Variante ist zu bevorzugen. In beiden Fällen ist darauf zu achten, dass die Navigation durch die Mehrfach-Auswahlliste nicht automatisch den Status der Listeneinträge (gewählt oder nicht gewählt) ändert

Informationen zu diesem Artikel

Datum:

5.10.2023

Lizenz:

CC-BY-SA 4.0

Version:

0.5

Gerne können Sie uns Feedback per E-Mail zu unserer Handreichung senden!