diff options
| author | Chris Rebert <[email protected]> | 2014-07-08 12:25:38 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-07-08 12:25:38 -0700 |
| commit | 4683beeedf0e4d923f1556199f4d23d7d35bccea (patch) | |
| tree | 4e946a5585f3cfedfa49fb1140682c3240d2f029 /docs/_includes/js/tabs.html | |
| parent | a53be21b45b4521a512e3b63a59608c1d20a82c9 (diff) | |
| parent | 5c1f4e1a0c7cd2f6adeedf2c2bd91ad87f32706d (diff) | |
| download | bootstrap-4683beeedf0e4d923f1556199f4d23d7d35bccea.tar.xz bootstrap-4683beeedf0e4d923f1556199f4d23d7d35bccea.zip | |
Merge pull request #14085 from twbs/tab-lis-role-preso
add role="presentation" to tab <li>s to improve accessibility
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 acd351313..39c244e8e 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"> |