このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

Element: ariaOrientation プロパティ

Baseline 2023
Newly available

Since ⁨October 2023⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

ariaOrientationElement インターフェイスのプロパティで、この要素の方向が横方向、縦方向、または不明/あいまいであることを示す aria-orientation 属性を反映します。

以下のいずれかの値を持つ文字列です。

"horizontal"

この要素は横方向です。

"vertical"

この要素は縦方向です。

"undefined"

この要素の方向は不明です。

この例では、IDが handle_zoomSlider の要素の aria-orientation 属性は "vertical" に設定されています。ariaOrientation を使用して値を "horizontal" に更新します。

html
<div
  id="handle_zoomSlider"
  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("handle_zoomSlider");
console.log(el.ariaOrientation); // "vertical"
el.ariaOrientation = "horizontal";
console.log(el.ariaOrientation); // "horizontal"

仕様書

Specification
Accessible Rich Internet Applications (WAI-ARIA)
# dom-ariamixin-ariaorientation

ブラウザーの互換性