Element: ariaMultiSelectable-Eigenschaft
Baseline
2023
Neu verfügbar
Seit October 2023 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Die ariaMultiSelectable-Eigenschaft der Element-Schnittstelle spiegelt den Wert des aria-multiselectable-Attributes wider, das angibt, dass der Benutzer mehr als ein Element aus den aktuell auswählbaren Nachkommen auswählen kann.
Hinweis:
Verwenden Sie nach Möglichkeit ein HTML-<select>-Element, da dieses eingebaute Semantik hat und keine ARIA-Attribute erfordert.
Wert
Ein String mit einem der folgenden Werte:
Beispiele
In diesem Beispiel wird das aria-multiselectable-Attribut auf dem Element mit der ID listbox1 auf "true" gesetzt, was angibt, dass diese Eingabe mehrere ausgewählte Elemente akzeptiert. Mit ariaMultiSelectable aktualisieren wir den Wert auf "false".
<div
role="listbox"
tabindex="0"
id="listbox1"
aria-multiselectable="true"
aria-labelledby="listbox1label"
aria-activedescendant="listbox1-1">
<div role="option" id="listbox1-1" class="selected" aria-selected="true">
Green
</div>
<div role="option" id="listbox1-2">Orange</div>
<div role="option" id="listbox1-3">Red</div>
</div>
let el = document.getElementById("listbox1");
console.log(el.ariaMultiSelectable); // "true"
el.ariaMultiSelectable = "false";
console.log(el.ariaMultiSelectable); // "false"
Spezifikationen
| Spezifikation |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariamultiselectable |