aria-atomic属性
aria-atomic属性はコンテンツ変更時の通知箇所を変更箇所のみか変更箇所を含むブロックかを指定できるWAI-ARIAの属性です。
true/falseの真偽値を指定でき、falseの場合は変更箇所のみを通知し、trueの場合はaria-atomic属性を指定しているブロックを通知します。
例えばJavaScriptで人数の数値のみを変更するスクリプトを作成したとします。3が4に変更された場合「4」という値のみがユーザーに伝達されたとしてもユーザーはなんのことか把握でき無いケースが多いでしょう。
<p>現在の人数は<span class="js-number">3</span>人です</p>
以下のようにaria-atomic属性を指定しておくことでp要素全体が通知され、ユーザーは人数が変更されたことを把握できます。
<p aria-atomic="true">現在の人数は<span class="js-number">3</span>人です</p>
参考URL
aria-atomic (property) - WAI-ARIA - W3C
登録日 : 2015年05月22日 最終更新日 : 2015年5月22日
同じカテゴリー(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属性