aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/components/badges.html
diff options
context:
space:
mode:
authorChris Rebert <[email protected]>2014-07-08 11:58:33 -0700
committerChris Rebert <[email protected]>2014-07-08 12:00:43 -0700
commit5c1f4e1a0c7cd2f6adeedf2c2bd91ad87f32706d (patch)
treef3a3c27fa0bbec9eca4fbe56a83f2f0a3315a5b0 /docs/_includes/components/badges.html
parentc23c663c7c9554a6169bdc284d33fd559f30cbe5 (diff)
downloadbootstrap-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/components/badges.html')
-rw-r--r--docs/_includes/components/badges.html14
1 files changed, 7 insertions, 7 deletions
diff --git a/docs/_includes/components/badges.html b/docs/_includes/components/badges.html
index 95aea2e40..7c67ba769 100644
--- a/docs/_includes/components/badges.html
+++ b/docs/_includes/components/badges.html
@@ -22,20 +22,20 @@
<p>Built-in styles are included for placing badges in active states in pill navigations.</p>
<div class="bs-example">
<ul class="nav nav-pills" role="tablist">
- <li class="active"><a href="#">Home <span class="badge">42</span></a></li>
- <li><a href="#">Profile</a></li>
- <li><a href="#">Messages <span class="badge">3</span></a></li>
+ <li role="presentation" class="active"><a href="#">Home <span class="badge">42</span></a></li>
+ <li role="presentation"><a href="#">Profile</a></li>
+ <li role="presentation"><a href="#">Messages <span class="badge">3</span></a></li>
</ul>
<br>
<ul class="nav nav-pills nav-stacked" role="tablist" style="max-width: 260px;">
- <li class="active">
+ <li role="presentation" class="active">
<a href="#">
<span class="badge pull-right">42</span>
Home
</a>
</li>
- <li><a href="#">Profile</a></li>
- <li>
+ <li role="presentation"><a href="#">Profile</a></li>
+ <li role="presentation">
<a href="#">
<span class="badge pull-right">3</span>
Messages
@@ -49,7 +49,7 @@
</div>
{% highlight html %}
<ul class="nav nav-pills nav-stacked" role="tablist">
- <li class="active">
+ <li role="presentation" class="active">
<a href="#">
<span class="badge pull-right">42</span>
Home