aria-controls属性
指定した要素が値に指定した要素を制御することを示すWAI-ARIAの属性です。
以下のサンプルではタブパネルのタブ部分とパネル部分の関連付けをaria-controls属性を用いてマークアップしています。
<ul class="tablist" role="tablist">
<li id="tab1" class="tab" aria-controls="panel1" role="tab">tab1</li>
<li id="tab2" class="tab" aria-controls="panel2" role="tab">tab2</li>
</ul>
<div id="panel1" aria-labelledby="tab1" role="tabpanel">
panel1
</div>
<div id="panel2" aria-labelledby="tab2" role="tabpanel">
panel2
</div>
参考URL
aria-controls (property) - WAI-ARIA - W3C
登録日 : 2015年06月09日 最終更新日 : 2015年6月9日
同じカテゴリー(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属性