put secondary navigation in an explicit landmark `nav` and add a label on each nav...

diff --git a/site/_includes/docs-sidebar.html b/site/_includes/docs-sidebar.html
index 4a41a558176f960cfdb4b5a348d6721252e5002b..d2d47a57d8b5d09b021fed599f8f46d71777b62d 100644 (file)
--- a/site/_includes/docs-sidebar.html
+++ b/site/_includes/docs-sidebar.html
@@ -5,7 +5,7 @@
   </button>
 </form>
 
-<nav class="collapse bd-links" id="bd-docs-nav">
+<nav class="collapse bd-links" id="bd-docs-nav" aria-label="Main navigation">
   {%- assign page_slug = page.url | split: '/' | last -%}
   {%- for group in site.data.nav -%}
   {%- assign link = group.pages | first -%}

diff --git a/site/_layouts/docs.html b/site/_layouts/docs.html
index 1d2125508e4cd8e72ae4574c0aa1cc1febf320c3..cc4910c0412581330d366a629643ccfe76048ef8 100644 (file)
--- a/site/_layouts/docs.html
+++ b/site/_layouts/docs.html
@@ -15,9 +15,9 @@
         </div>
 
         {% if page.toc %}
-          <div class="d-none d-xl-block col-xl-2 bd-toc">
+          <nav class="d-none d-xl-block col-xl-2 bd-toc" aria-label="Secondary navigation">
             {{ content | toc_only }}
-          </div>
+          </nav>
         {% endif %}
 
         <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">