diff options
| author | Chris Rebert <[email protected]> | 2014-07-08 11:58:33 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-08 12:00:43 -0700 |
| commit | 5c1f4e1a0c7cd2f6adeedf2c2bd91ad87f32706d (patch) | |
| tree | f3a3c27fa0bbec9eca4fbe56a83f2f0a3315a5b0 /docs/_includes/js/tabs.html | |
| parent | c23c663c7c9554a6169bdc284d33fd559f30cbe5 (diff) | |
| download | bootstrap-5c1f4e1a0c7cd2f6adeedf2c2bd91ad87f32706d.tar.xz bootstrap-5c1f4e1a0c7cd2f6adeedf2c2bd91ad87f32706d.zip | |
add role="presentation" to tab <li>s to improve accessibility
Refs #13554.
Per https://github.com/paypal/bootstrap-accessibility-plugin/blob/master/README.md#tab-panel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
[skip sauce]
Diffstat (limited to 'docs/_includes/js/tabs.html')
| -rw-r--r-- | docs/_includes/js/tabs.html | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/docs/_includes/js/tabs.html b/docs/_includes/js/tabs.html index 38518f0b1..bed0c0574 100644 --- a/docs/_includes/js/tabs.html +++ b/docs/_includes/js/tabs.html @@ -5,9 +5,9 @@ <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" role="tab" data-toggle="tab">Home</a></li> - <li><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> - <li class="dropdown"> + <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> + <li role="presentation" 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" role="tab" data-toggle="tab">@fat</a></li> @@ -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" 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> + <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> + <li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> + <li role="presentation"><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" 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> + <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">Home</a></li> + <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">Profile</a></li> + <li role="presentation"><a href="#messages" role="tab" data-toggle="tab">Messages</a></li> + <li role="presentation"><a href="#settings" role="tab" data-toggle="tab">Settings</a></li> </ul> <div class="tab-content"> |