diff options
| author | Kevin Suttle <[email protected]> | 2013-08-10 22:33:53 -0400 |
|---|---|---|
| committer | Kevin Suttle <[email protected]> | 2013-08-10 22:33:53 -0400 |
| commit | aa454134ecb1b0c5c10bdb8c0639dc14f1b1a001 (patch) | |
| tree | 77ec98f6ff6d5a763f4634ba68dd1e58b2ee4d11 /javascript.html | |
| parent | d5290c61d80ee6ed108b498221fb48a84b4f2e6f (diff) | |
| download | bootstrap-aa454134ecb1b0c5c10bdb8c0639dc14f1b1a001.tar.xz bootstrap-aa454134ecb1b0c5c10bdb8c0639dc14f1b1a001.zip | |
Use nav for proper HTML5 ARIA role mapping
http://www.w3.org/html/wg/drafts/html/master/sections.html#the-nav-element
http://dev.w3.org/html5/spec/sections.html#the-nav-element
http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/#tablex
Diffstat (limited to 'javascript.html')
| -rw-r--r-- | javascript.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/javascript.html b/javascript.html index 2d48e26e0..8c1bd27af 100644 --- a/javascript.html +++ b/javascript.html @@ -355,7 +355,7 @@ $('#myModal').on('hidden.bs.modal', function () { <h3>Within a navbar</h3> <div class="bs-example"> - <div id="navbar-example" class="navbar navbar-static" role="navigation"> + <nav id="navbar-example" class="navbar navbar-static" role="navigation"> <div class="container" style="width: auto;"> <a class="navbar-brand" href="#">Project Name</a> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-js-navbar-collapse"> @@ -365,7 +365,7 @@ $('#myModal').on('hidden.bs.modal', function () { <span class="icon-bar"></span> </button> <div class="nav-collapse collapse bs-js-navbar-collapse"> - <ul class="nav navbar-nav" role="navigation"> + <ul class="nav navbar-nav"> <li class="dropdown"> <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu" role="menu" aria-labelledby="drop1"> @@ -493,7 +493,7 @@ $('.dropdown-toggle').dropdown() <h2 id="scrollspy-examples">Example in navbar</h2> <p>The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.</p> <div class="bs-example"> - <div id="navbar-example2" class="navbar navbar-static" role="navigation"> + <nav id="navbar-example2" class="navbar navbar-static" role="navigation"> <div class="navbar-inner"> <div class="container" style="width: auto;"> <a class="navbar-brand" href="#">Project Name</a> @@ -511,7 +511,7 @@ $('.dropdown-toggle').dropdown() </li> </ul> </div> - </div> + </nav> </div> <div data-spy="scroll" data-target="#navbar-example2" data-offset="0" class="scrollspy-example"> <h4 id="fat">@fat</h4> |