Biboswan Roy Biboswan
Biboswan
/ gist:875c08f0709e8f161474dab16ad229c2
Last active
April 15, 2018 16:01
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> |
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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Tabpanels with ARIA design pattern</title> | |
| <link rel="stylesheet" type="text/css" href="css/basic.css"> |