Element : propriété ariaMultiSelectable
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis octobre 2023.
La propriété ariaMultiSelectable de l'interface Element reflète la valeur de l'attribut aria-multiselectable, qui indique que l'utilisateur·ice peut sélectionner plusieurs éléments parmi les descendants sélectionnables actuels.
Note :
Dans la mesure du possible, utilisez un élément HTML <select>, car cet élément possède des sémantiques intégrées et ne nécessite pas d'attributs ARIA.
Valeur
Une chaîne de caractères contenant l'une des valeurs suivantes :
Exemples
Dans cet exemple, l'attribut aria-multiselectable sur l'élément avec un ID de listbox1 est défini sur "true", indiquant que cette zone accepte plusieurs éléments sélectionnés. En utilisant ariaMultiSelectable, nous mettons à jour la valeur à "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">
Vert
</div>
<div role="option" id="listbox1-2">Orange</div>
<div role="option" id="listbox1-3">Rouge</div>
</div>
let el = document.getElementById("listbox1");
console.log(el.ariaMultiSelectable); // "true"
el.ariaMultiSelectable = "false";
console.log(el.ariaMultiSelectable); // "false"
Spécifications
| Spécification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariamultiselectable |