Replace divs with proper html5 landmarks.

rouilj · rouilj · commit 6aada3e11ded · 2023-05-14T01:22:19.000-04:00
div.header -&gt; header.header (class kept for css)
div.subnav -&gt; nav.subnav
div.footer -&gt; footer.footer

Also since there are now two navs (primary on the left and the subnav
with prev/next/index), all nav's get an aria-label to distinguish the
subnav from the main nav.
diff --git a/website/www/_templates/layout.html b/website/www/_templates/layout.html
@@ -72,7 +72,7 @@
   </head>
   <body>
     <div id="skiplink"><a href="#main">Skip to main content</a></div>
-    <div class="header"><div class="label">Roundup</div>
+    <header class="header"><div class="label">Roundup</div>
       {%- if pagename != "search" %}
         <div id="searchbox" style="display: none">
           <form class="search" action="{{ pathto('search') }}" method="get">
@@ -84,16 +84,16 @@
           </form>
         </div>
       {%- endif %}
-    </div>
+    </header>
     <div class="navigation">
-      <nav>
+      <nav aria-label="primary navigation">
       <div class="menu">
        {{ toctree() }}
       </div>
       </nav>
     </div>
     <div class="content">
-	<div id="subnav">
+	<nav id="subnav" aria-label="sub navigation">
         {%- if prev %}
            <a title="{{ prev.title|striptags }}" href="{{ prev.link|e }}">
 	     Prev</a>
@@ -104,13 +104,13 @@
 	{%- endif %}
         <a title="{{ _('Index') }}" href="{{ pathto('genindex') }}">
 	  Index</a>
-	</div>
+	</nav>
 	<main id="main" tabindex="-1">
        {% block body %} {% endblock %}
 	</main>
     </div>
 {%- block footer %}
-    <div class="footer">
+    <footer class="footer">
       <div>
       {%- if show_source and has_source and sourcename %}
         <span class="source">[<a href="{{ pathto('_sources/' + sourcename, true)|e }}" rel="nofollow">{{ _('page source') }}</a>]</span>
@@ -127,7 +127,7 @@
       {%- endif %}
       <span>Hosted by <a href="https://sourceforge.net"><img src="https://sflogo.sourceforge.net/sflogo.php?group_id=31577&amp;type=1" width="88" height="31" alt="SourceForge.net Logo" /></a></span>
       </div>
-    </div>
+    </footer>
 {%- endblock %}
     <link rel="stylesheet" href="{{ pathto('_static/pygments.css', 1) }}" type="text/css" />
     <script>
