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

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é ariaOrientation de l'interface Element reflète la valeur de l'attribut aria-orientation, qui indique si l'orientation de l'élément est horizontale, verticale ou inconnue/ambiguë.

Valeur

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

"horizontal"

L'élément est horizontal.

"vertical"

L'élément est vertical.

"undefined"

L'orientation de l'élément est inconnue.

Exemples

Dans cet exemple, l'attribut aria-orientation de l'élément avec un ID de gestion_curseurZoom est défini sur "vertical". En utilisant ariaOrientation, nous mettons à jour la valeur à "horizontal".

html
<div
  id="gestion_curseurZoom"
  role="slider"
  aria-orientation="vertical"
  aria-valuemin="0"
  aria-valuemax="17"
  aria-valuenow="14"
  tabindex="0">
  <span>11</span>
</div>
js
let el = document.getElementById("gestion_curseurZoom");
console.log(el.ariaOrientation); // "vertical"
el.ariaOrientation = "horizontal";
console.log(el.ariaOrientation); // "horizontal"

Spécifications

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

Compatibilité des navigateurs