aria-expanded属性

このエントリーをはてなブックマークに追加

aria-expanded属性は要素の開閉の状態を示すためのWAI-ARIAの属性です。

値にはtrue/falseのboolean値を指定することができtrue(開いている状態)、false(閉じている状態)を示すことができます。

以下のサンプルでは#panel1が開いている状態、#panel2が閉じている状態であることを示します。

<ul role="tablist">
<li role="tab"><a href="#panel1" aria-expanded="true">tab1</a></li>
<li role="tab"><a href="#panel2" aria-expanded="false">tab2</a></li>
</ul>

<div role="tabpanel" aria-expanded="true" style="display:block" id="panel1">panel1</div>
<div role="tabpanel" aria-expanded="true" style="display:none" id="panel2">panel2</div>

参考URL

aria-expanded - WAI-ARIA - W3C

登録日 : 2015年07月23日 最終更新日 : 2015年7月23日

同じカテゴリー(WAI-ARIA)のエントリー

検索

スポンサードリンク

バージョン

リファレンス