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.
ariaOrientation
は Element
インターフェイスのプロパティで、この要素の方向が横方向、縦方向、または不明/あいまいであることを示す 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 |
ブラウザーの互換性
BCD tables only load in the browser