diff options
| author | Chris Rebert <[email protected]> | 2014-05-09 15:05:20 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-05-09 15:05:20 -0700 |
| commit | e9374c0609c9e63fd6033f684b18ff105e1756ae (patch) | |
| tree | 927f7c5ec29a1a1f926b3ad5f64bf9c29c2a1ff6 /docs/_includes/components | |
| parent | 48fd9e29a24ae7fd8d8061e62a099c6097c41f18 (diff) | |
| download | bootstrap-e9374c0609c9e63fd6033f684b18ff105e1756ae.tar.xz bootstrap-e9374c0609c9e63fd6033f684b18ff105e1756ae.zip | |
add role="tablist" to .nav-tabs in examples to improve accessibility
Per https://github.com/paypal/bootstrap-accessibility-plugin#tab-panel
Credit: https://github.com/paypal/bootstrap-accessibility-plugin
Diffstat (limited to 'docs/_includes/components')
| -rw-r--r-- | docs/_includes/components/navs.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/docs/_includes/components/navs.html b/docs/_includes/components/navs.html index 9cad335d0..d9c45fa2d 100644 --- a/docs/_includes/components/navs.html +++ b/docs/_includes/components/navs.html @@ -6,14 +6,14 @@ <h2 id="nav-tabs">Tabs</h2> <p>Note the <code>.nav-tabs</code> class requires the <code>.nav</code> base class.</p> <div class="bs-example"> - <ul class="nav nav-tabs"> + <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li> </ul> </div> {% highlight html %} -<ul class="nav nav-tabs"> +<ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li> @@ -62,7 +62,7 @@ <p>As of v7.0.1, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing. This bug is also shown in the <a href="../examples/justified-nav/">justified nav example</a>.</p> </div> <div class="bs-example"> - <ul class="nav nav-tabs nav-justified"> + <ul class="nav nav-tabs nav-justified" role="tablist"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">Messages</a></li> @@ -75,7 +75,7 @@ </ul> </div> {% highlight html %} -<ul class="nav nav-tabs nav-justified"> +<ul class="nav nav-tabs nav-justified" role="tablist"> ... </ul> <ul class="nav nav-pills nav-justified"> @@ -113,7 +113,7 @@ <h3>Tabs with dropdowns</h3> <div class="bs-example"> - <ul class="nav nav-tabs"> + <ul class="nav nav-tabs" role="tablist"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Help</a></li> <li class="dropdown"> @@ -131,7 +131,7 @@ </ul> </div> {% highlight html %} -<ul class="nav nav-tabs"> +<ul class="nav nav-tabs" role="tablist"> ... <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> |