Last active
April 15, 2018 16:01
-
-
Save Biboswan/875c08f0709e8f161474dab16ad229c2 to your computer and use it in GitHub Desktop.
Tabpanel with aria (snippet)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<ul role="tablist" id="tabs"> | |
<li role="presentation"><a role="tab" aria-selected="true" aria-controls="tabpanel1" | |
id="tab1" href="#tabpanel1" class="tab selected">Blanco</a></li> | |
<li role="presentation"><a role="tab" aria-selected="false" aria-controls="tabpanel2" | |
id="tab2" href="#tabpanel2" class="tab" tabindex="-1">Reposado</a></li> | |
<li role="presentation"><a role="tab" aria-selected="false" aria-controls="tabpanel3" | |
id="tab3" href="#tabpanel3" class="tab" tabindex="-1">Jovan</a></li> | |
</ul> | |
<div role="tabpanel" aria-labelledby="tab1" id="tabpanel1" class="tabcontent"> | |
<p>Blanco tequila is...</p> | |
</div> | |
<div role="tabpanel" aria-labelledby="tab2" id="tabpanel2" class="tabcontent hidden"> | |
<p>Reposado tequila is...</p> | |
</div> | |
<div role="tabpanel" aria-labelledby="tab3" id="tabpanel3" class="tabcontent hidden"> | |
<p>Jovan tequila is...</p> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment