diff --git a/sass/_header.scss b/sass/_header.scss
index 5817dfa55f..1113b3f9ce 100644
--- a/sass/_header.scss
+++ b/sass/_header.scss
@@ -220,6 +220,10 @@
     }
 }
 
+.page-overlay {
+    display: none;
+}
+
 #site-header-dropdown-checkbox {
     display: none;
 
diff --git a/templates/includes/header.html b/templates/includes/header.html
index b652624ac6..0496b40a0f 100644
--- a/templates/includes/header.html
+++ b/templates/includes/header.html
@@ -3,8 +3,8 @@
         <img src="/images/matrix-logo-white.svg" alt="Matrix logo">
     </a>
     <input id="site-header-dropdown-checkbox" type="checkbox" class="dropdown-checkbox" aria-hidden="true">
-    <label for="site-header-dropdown-checkbox" class="dropdown-button">&#xe602;</label>
-    <label for="site-header-dropdown-checkbox" class="page-overlay"></label>
+    <label for="site-header-dropdown-checkbox" class="dropdown-button" id="dropdown-button" aria-label="Toggle header drop-down">&#xe602;</label>
+    <label for="site-header-dropdown-checkbox" class="page-overlay" aria-label="Close header drop-down"></label>
     <nav>
         {% for link in navigation.header %}
         {% if link.section %}