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)のエントリー

検索

スポンサードリンク

バージョン

リファレンス