Element : propriété ariaSelected
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é ariaSelected de l'interface Element reflète la valeur de l'attribut aria-selected, qui indique l'état « sélectionné » actuel des éléments qui ont un état sélectionné.
Valeur
Une chaîne de caractères contenant l'une des valeurs suivantes :
"true"-
L'élément est sélectionné.
"false"-
L'élément n'est pas sélectionné.
"undefined"-
L'élément n'est pas sélectionnable.
Exemples
Dans cet exemple, l'attribut aria-selected de l'élément avec un ID de tab-id est défini sur "true". En utilisant ariaSelected, nous mettons à jour la valeur à "false".
html
<button role="tab" aria-selected="true" aria-controls="tabpanel-id" id="tab-id">
Étiquette de l'onglet
</button>
js
let el = document.getElementById("tab-id");
console.log(el.ariaSelected); // true
el.ariaSelected = "false";
console.log(el.ariaSelected); // false
Spécifications
| Spécification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariaselected |