Element: ariaBrailleLabel プロパティ
ariaBrailleLabel
は Element
インターフェイスのプロパティで、aria-braillelabel
属性の値を反映し、要素の ARIA 点字ラベルを定義します。
この要素ラベルは、点字でコンテンツを表示できる支援技術によって使用されるかもしれませんが、点字固有のラベルが使い勝手を向上させる場合にのみ設定されるべきです。
aria-braillelabel
には、いつこのプロパティを設定すべきかについての追加情報があります。
値
<string>
-
値は文字列で、点字に変換するための制約のない値型です。
例
ariaBrailleLabel の取得と設定
この例では、ariaBrailleLabel
プロパティを取得・設定する方法を示します。
HTML
まず、"3 out of 5 stars" というラベルテキストと、aria-braillelabel
属性に "\*\*\*"
という値が設定されたボタンを定義します。
これにより、点字ディスプレイでは、"btn gra 3 out of 5 stars" という冗長な表示ではなく、"btn ***" という点字表示が可能になります。
html
<button id="button" aria-braillelabel="\*\*\*">3 out of 5 stars</button>
JavaScript
次に、このコードはボタンの ariaBrailleLabel
プロパティを使用して、最初に点字ラベルを取得し、ログに記録します。
そして、点字ラベルを "3*" に設定し、その値を再びログに記録します。
js
const button = document.getElementById("button");
log(button.ariaBrailleLabel);
button.ariaBrailleLabel = "3*";
log(button.ariaBrailleLabel);
結果
仕様書
Specification |
---|
Accessible Rich Internet Applications (WAI-ARIA) # dom-ariamixin-ariabraillelabel |
ブラウザーの互換性
BCD tables only load in the browser