Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Element : propriété ariaValueText

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é ariaValueText de l'interface Element reflète la valeur de l'attribut aria-valuetext, qui définit le texte alternatif lisible par un·e humain·e de aria-valuenow pour un composant de type plage.

Valeur

Une chaîne de caractères.

Exemples

Dans cet exemple, l'attribut aria-valuetext de l'élément ayant pour ID curseur est défini sur "Dimanche" pour fournir une valeur lisible par un·e humain·e pour le composant de type plage. En utilisant ariaValueText, nous mettons à jour la valeur à "Lundi".

html
<div
  id="curseur"
  role="slider"
  aria-valuenow="1"
  aria-valuemin="1"
  aria-valuemax="7"
  aria-valuetext="Dimanche"></div>
js
let el = document.getElementById("curseur");
console.log(el.ariaValueText); // Dimanche
el.ariaValueText = "Lundi";
console.log(el.ariaValueText); // Lundi

Spécifications

Spécification
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariavaluetext

Compatibilité des navigateurs