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é ariaHidden

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é ariaHidden de l'interface Element reflète la valeur de l'attribut aria-hidden, qui indique si l'élément est exposé à une API d'accessibilité.

Valeur

Une chaîne de caractères avec l'une des valeurs suivantes :

"true"

L'élément est masqué de l'API d'accessibilité.

"false"

L'élément est exposé à l'API d'accessibilité comme s'il était rendu.

"undefined"

L'état de masquage de l'élément est déterminé par l'agent utilisateur en fonction de son rendu.

Exemples

Dans cet exemple, l'attribut aria-hidden sur l'élément avec un ID de cache est défini sur "true". En utilisant ariaHidden, nous mettons à jour la valeur à "false".

html
<div id="cache" aria-hidden="true">
  Certaines choses sont mieux laissées non dites.
</div>
js
let el = document.getElementById("cache");
console.log(el.ariaHidden); // true
el.ariaHidden = "false";
console.log(el.ariaHidden); // false

Spécifications

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

Compatibilité des navigateurs