From 0dfe9345bae7f13a2ddf652bde8a2e430c3ed0b6 Mon Sep 17 00:00:00 2001
From: Faith Kariuki <tcwamboi@gmail.com>
Date: Wed, 16 Oct 2024 20:30:52 +0300
Subject: [PATCH] Enhance accessibility by adding ARIA attributes and IDs to
 navigation elements

---
 specimen/contexts/archive-page.html     | 10 +++++-----
 specimen/contexts/blog-index.html       | 10 +++++-----
 specimen/contexts/blog-post.html        | 10 +++++-----
 specimen/contexts/default-page.html     | 10 +++++-----
 specimen/contexts/home-index.html       | 10 +++++-----
 specimen/contexts/license-page.html     | 10 +++++-----
 specimen/contexts/person-page.html      | 10 +++++-----
 specimen/contexts/program-index.html    | 10 +++++-----
 specimen/contexts/program-page.html     | 10 +++++-----
 specimen/contexts/search-index.html     | 10 +++++-----
 specimen/contexts/team-index.html       | 10 +++++-----
 specimen/contexts/walkthrough-page.html | 10 +++++-----
 specimen/index-logo.html                |  8 ++++----
 specimen/product-logo.html              | 10 +++++-----
 specimen/tests/grid-sidebar.html        | 10 +++++-----
 specimen/tests/grid.html                | 10 +++++-----
 specimen/tests/kitchensink.html         | 10 +++++-----
 17 files changed, 84 insertions(+), 84 deletions(-)

diff --git a/specimen/contexts/archive-page.html b/specimen/contexts/archive-page.html
index 9dcd32e..a53c5e0 100644
--- a/specimen/contexts/archive-page.html
+++ b/specimen/contexts/archive-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading"">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/blog-index.html b/specimen/contexts/blog-index.html
index 3da7a4c..abc265b 100644
--- a/specimen/contexts/blog-index.html
+++ b/specimen/contexts/blog-index.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/blog-post.html b/specimen/contexts/blog-post.html
index d52f407..899b52b 100644
--- a/specimen/contexts/blog-post.html
+++ b/specimen/contexts/blog-post.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/default-page.html b/specimen/contexts/default-page.html
index 7a91ca0..5a4cf89 100644
--- a/specimen/contexts/default-page.html
+++ b/specimen/contexts/default-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explor-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/home-index.html b/specimen/contexts/home-index.html
index 4ab45f7..bf560de 100644
--- a/specimen/contexts/home-index.html
+++ b/specimen/contexts/home-index.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/license-page.html b/specimen/contexts/license-page.html
index aec993a..acb81bc 100644
--- a/specimen/contexts/license-page.html
+++ b/specimen/contexts/license-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/person-page.html b/specimen/contexts/person-page.html
index 8e4f84c..1f8b83a 100644
--- a/specimen/contexts/person-page.html
+++ b/specimen/contexts/person-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/program-index.html b/specimen/contexts/program-index.html
index b0d7338..d1afa5c 100644
--- a/specimen/contexts/program-index.html
+++ b/specimen/contexts/program-index.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/program-page.html b/specimen/contexts/program-page.html
index 902260e..61d5742 100644
--- a/specimen/contexts/program-page.html
+++ b/specimen/contexts/program-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/search-index.html b/specimen/contexts/search-index.html
index ec3a03f..8a56de9 100644
--- a/specimen/contexts/search-index.html
+++ b/specimen/contexts/search-index.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/team-index.html b/specimen/contexts/team-index.html
index b64841a..3019528 100644
--- a/specimen/contexts/team-index.html
+++ b/specimen/contexts/team-index.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/contexts/walkthrough-page.html b/specimen/contexts/walkthrough-page.html
index 0787041..f6e105e 100644
--- a/specimen/contexts/walkthrough-page.html
+++ b/specimen/contexts/walkthrough-page.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/index-logo.html b/specimen/index-logo.html
index 3d61906..85d28a7 100644
--- a/specimen/index-logo.html
+++ b/specimen/index-logo.html
@@ -14,9 +14,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo" href="#">Creative Commons</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo" href="#">Creative Commons</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">Who We Are</a></li>
                 <li><a href="#">What We Do</a></li>
@@ -27,7 +27,7 @@ <h1><a class="identity-logo" href="#">Creative Commons</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <!-- uncomment below line, if translation functionality is present on site -->
                 <!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
@@ -50,7 +50,7 @@ <h2>Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside> -->
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-label="Explore menu">
         <ul>
             <li>
                 <a href="https://network.creativecommons.org/" target="_blank">Global Network</a>
diff --git a/specimen/product-logo.html b/specimen/product-logo.html
index b531441..f5b3744 100644
--- a/specimen/product-logo.html
+++ b/specimen/product-logo.html
@@ -14,9 +14,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Open Source</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Open Source</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">Blog</a></li>
                 <li><a href="#">Contribute</a></li>
@@ -25,7 +25,7 @@ <h1><a class="identity-logo product" href="#">Open Source</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -41,11 +41,11 @@ <h1><a class="identity-logo product" href="#">Open Source</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-menu">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/tests/grid-sidebar.html b/specimen/tests/grid-sidebar.html
index 53e3031..4004b38 100644
--- a/specimen/tests/grid-sidebar.html
+++ b/specimen/tests/grid-sidebar.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/tests/grid.html b/specimen/tests/grid.html
index 27fd698..ff3b618 100644
--- a/specimen/tests/grid.html
+++ b/specimen/tests/grid.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>
diff --git a/specimen/tests/kitchensink.html b/specimen/tests/kitchensink.html
index 5970832..7bd1b56 100644
--- a/specimen/tests/kitchensink.html
+++ b/specimen/tests/kitchensink.html
@@ -19,9 +19,9 @@
 
 <header>
     <div class="masthead">
-        <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
+        <h1 id="logo-heading"><a class="identity-logo product" href="#">Vocabulary</a></h1>
         <button class="expand-menu">Menu</button>
-        <nav class="primary-menu">
+        <nav class="primary-menu" aria-labelledby="logo-heading">
             <ul>
                 <li><a href="#">About</a></li>
                 <li><a href="#">Contact</a></li>
@@ -30,7 +30,7 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
             </ul>
         </nav>
 
-        <nav class="ancillary-menu">
+        <nav class="ancillary-menu" aria-label="Ancillary navigation">
             <ul>
                 <li><button class="locale icon-attach fa-globe">English</button></li>
                 <li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
@@ -46,11 +46,11 @@ <h1><a class="identity-logo product" href="#">Vocabulary</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
         <a class="identity-logo" href="#">Creative Commons</a>
-        <h2>Our Work Relies On You!</h2>
+        <h2 id="explore-heading">Our Work Relies On You!</h2>
         <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" aria-labelledby="explore-heading">
         <ul>
             <li>
                 <a href="#">Global Network</a>