Tabpanel with aria (snippet)

gistfile1.txt

<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>