Skip to content

Instantly share code, notes, and snippets.

@matori
Created August 17, 2014 08:50
Show Gist options
  • Save matori/d4f064871dfee0af8750 to your computer and use it in GitHub Desktop.
Save matori/d4f064871dfee0af8750 to your computer and use it in GitHub Desktop.
タブのマークアップ例
<ul role="tablist">
<li role="presentation">
<a href="#tabpanel1" id="tab1"
role="tab" aria-controls="tabpanel1" aria-selected="true">タブ 1</a>
</li>
<li role="presentation">
<a href="#tabpanel2" id="tab2"
role="tab" aria-controls="tabpanel2" aria-selected="false">タブ 2</a>
</li>
<li role="presentation">
<a href="#tabpanel3" id="tab3"
role="tab" aria-controls="tabpanel3" aria-selected="false">タブ 3</a>
</li>
</ul>
<div id="tabpanel1" role="tabpanel" aria-labelledby="tab1" aria-hidden="false">
タブコンテンツ 1
</div>
<div id="tabpanel2" role="tabpanel" aria-labelledby="tab2" aria-hidden="true">
タブコンテンツ 2
</div>
<div id="tabpanel3" role="tabpanel" aria-labelledby="tab3" aria-hidden="true">
タブコンテンツ 2
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment