Element: ariaLabel プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2023年10月以降、すべてのブラウザーで利用可能です。
ariaLabel は Element インターフェイスのプロパティで、aria-label 属性の値を反映し、現在の要素にラベル付けする文字列値を定義します。
値
文字列または null です。
例
この例では、close-button という ID を持つ要素の aria-label 属性には "Close" が設定されています。ariaLabel を使用して、値を "Close dialog" に更新します。
html
<button aria-label="Close" id="close-button">X</button>
js
let el = document.getElementById("close-button");
console.log(el.ariaLabel); // "Close"
el.ariaLabel = "Close dialog";
console.log(el.ariaLabel); // "Close dialog"
仕様書
| 仕様書 |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-arialabel |