diff options
| author | Chris Rebert <[email protected]> | 2014-05-09 15:12:57 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-05-09 15:12:57 -0700 |
| commit | 0a808fc56ca0983d45556fa9ccd5da80445b23c2 (patch) | |
| tree | 8d399c1b5c4265cc3930b0cbab308eedbaa211e2 /docs | |
| parent | e9374c0609c9e63fd6033f684b18ff105e1756ae (diff) | |
| download | bootstrap-0a808fc56ca0983d45556fa9ccd5da80445b23c2.tar.xz bootstrap-0a808fc56ca0983d45556fa9ccd5da80445b23c2.zip | |
add role="tab" to .nav-tabs [data-toggle="tab"]
Per https://github.com/paypal/bootstrap-accessibility-plugin#tab-panel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/_includes/js/tabs.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html index 6f0229003..38518f0b1 100644 --- a/docs/_includes/js/tabs.html +++ b/docs/_includes/js/tabs.html @@ -5,13 +5,13 @@ <p>Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.</p> <div class="bs-example bs-example-tabs"> <ul id="myTab" class="nav nav-tabs" role="tablist"> - <li class="active"><a href="#home" data-toggle="tab">Home</a></li> - <li><a href="#profile" data-toggle="tab">Profile</a></li> + <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> <li class="dropdown"> <a href="#" id="myTabDrop1" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> <ul class="dropdown-menu" role="menu" aria-labelledby="myTabDrop1"> - <li><a href="#dropdown1" tabindex="-1" data-toggle="tab">@fat</a></li> - <li><a href="#dropdown2" tabindex="-1" data-toggle="tab">@mdo</a></li> + <li><a href="#dropdown1" tabindex="-1" role="tab" data-toggle="tab">@fat</a></li> + <li><a href="#dropdown2" tabindex="-1" role="tab" data-toggle="tab">@mdo</a></li> </ul> </li> </ul> @@ -61,10 +61,10 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed) {% highlight html %} <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> - <li class="active"><a href="#home" data-toggle="tab">Home</a></li> - <li><a href="#profile" data-toggle="tab">Profile</a></li> - <li><a href="#messages" data-toggle="tab">Messages</a></li> - <li><a href="#settings" data-toggle="tab">Settings</a></li> + <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> + <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> + <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li> </ul> <!-- Tab panes --> @@ -94,10 +94,10 @@ $('#myTab li:eq(2) a').tab('show') // Select third tab (0-indexed) </p> {% highlight html %} <ul class="nav nav-tabs" role="tablist" id="myTab"> - <li class="active"><a href="#home" data-toggle="tab">Home</a></li> - <li><a href="#profile" data-toggle="tab">Profile</a></li> - <li><a href="#messages" data-toggle="tab">Messages</a></li> - <li><a href="#settings" data-toggle="tab">Settings</a></li> + <li class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> + <li><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> + <li><a href="#settings" role="tab" data-toggle="tab">Settings</a></li> </ul> <div class="tab-content"> |