aria-disabled属性
aria-disabled属性はdisabled属性が指定されたのと同じ状態であること伝えるためのWAI-ARIAの属性です。
以下のように指定することでchecked03は非活性なチェックボックスであることを示すことができます。
<ul>
<li role="checkbox" aria-checked="true" id="chk1">checked01</li>
<li role="checkbox" aria-checked="false" id="chk2">checked02</li>
<li role="checkbox" aria-checked="false" aria-disabled="true" id="chk3">checked03</li>
</ul>disabled属性との大きな違いはタブでフォーカスを当てることができる点です。
ただし、disabled属性のようにUI要素のデフォルトの挙動は抑制しないので利用時にはJavaScriptを用いてデフォルトの挙動を抑制する必要があります。
参考URL
aria-disabled - WAI-ARIA - W3C
登録日 : 2015年06月30日 最終更新日 : 2024年4月5日
同じカテゴリー(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属性