Ensure proper use and location of role="banner"

http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/#tablex

http://www.w3.org/TR/wai-aria/roles#banner

diff --git a/_includes/nav-main.html b/_includes/nav-main.html
index 7a2ded3be40d3e91ccb98fff6dd8129825c4269c..1796893ed8175ffd7197558cc9f45c580da18160 100644 (file)
--- a/_includes/nav-main.html
+++ b/_includes/nav-main.html
@@ -1,4 +1,4 @@
-<div class="navbar navbar-inverse navbar-fixed-top bs-docs-nav">
+<header class="navbar navbar-inverse navbar-fixed-top bs-docs-nav role="banner"">
   <div class="container">
     <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
       <span class="sr-only">Toggle navigation</span>
@@ -27,4 +27,4 @@
       </ul>
     </nav>
   </div>
-</div>
+</header>

diff --git a/_layouts/default.html b/_layouts/default.html
index 3d0e7880ec950f56ff365092c285eb119e730889..1faac9b5310abd8b521b586bc08e07168e8952ee 100644 (file)
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -12,7 +12,7 @@
     {% include nav-main.html %}
 
     <!-- Docs page layout -->
-    <div class="bs-header" id="content" role="banner">
+    <div class="bs-header" id="content">
       <div class="container">
         <h1>{{ page.title }}</h1>
         <p>{{ page.lead }}</p>