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)のエントリー
- aria-required属性
- aria-current属性
- aria-orientation属性
- aria-multiselectable属性
- aria-multiline属性
- aria-live属性
- aria-level属性
- aria-labelledby属性
- aria-label属性
- aria-invalid属性
- aria-hidden属性
- aria-haspopup属性
- aria-grabbed属性
- aria-flowto属性
- aria-expanded属性
- aria-dropeffect属性
- aria-disabled属性
- aria-describedby属性
- aria-checked属性
- aria-controls属性
- aria-busy属性
- aria-autocomplete属性
- aria-atomic属性
- aria-activedescendant属性
- role属性