diff options
| author | Chris Rebert <[email protected]> | 2014-05-09 23:12:46 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2014-05-09 23:12:46 -0700 |
| commit | a217ed776dc5dc21a92b5859ba303d2f79c6699d (patch) | |
| tree | c02272ddb05e9d696229cd84633ce7d7fc8ad138 /docs/_includes/components | |
| parent | 90138390bab4106364cc76c9af8c979ec60b97b2 (diff) | |
| parent | 0a808fc56ca0983d45556fa9ccd5da80445b23c2 (diff) | |
| download | bootstrap-a217ed776dc5dc21a92b5859ba303d2f79c6699d.tar.xz bootstrap-a217ed776dc5dc21a92b5859ba303d2f79c6699d.zip | |
Merge pull request #13558 from twbs/nav-tabs-role-tablist
add some ARIA roles to tabs for improved accessibility
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="#"> |