aria-live属性

このエントリーをはてなブックマークに追加

aria-live属性は内容が更新された際にユーザーに伝達するかどうかを指定できるWAI-ARIA属性です。

aria-live属性には以下の値を指定することができます。

内容
off 内容が更新されてもユーザーに伝達しない(デフォルト)
polite 現在の読み上げの終了やユーザー入力時など適切なタイミングで、内容が更新されたさいにユーザーに伝達する。
assertive 即座に伝達を行う

以下のサンプルではprogress要素の進歩度をJavaScriptなどで逐次変更し、100%になったタイミングで読み込み終了のメッセージを表示するサンプルです。

progress要素にはaria-live=”polite”を指定しててきじ進歩度をユーザーに伝達し、読み込み終了のメッセージにはaria-live=”assertive”を指定して即座にユーザーに伝達できるようになっています。

<progress value="53" max="100" aria-live="polite">進歩率:53%</progress>
<p style="display:none" aria-live="assertive">読み込み終了<p>

参考URL

aria-live (property) - WAI-ARIA - W3C

登録日 : 2015年10月23日 最終更新日 : 2015年10月23日

同じカテゴリー(WAI-ARIA)のエントリー

検索

スポンサードリンク

バージョン

リファレンス