add search landmark and disclosure pattern to menu

2 files changed, 3 insertions, 8 deletions

diff --git a/internal/ui/static/js/app.js b/internal/ui/static/js/app.js
index 2af87dcd..5ac29fa4 100644
--- a/internal/ui/static/js/app.js
+++ b/internal/ui/static/js/app.js
@@ -28,17 +28,13 @@ function onAuxClick(selector, callback, noPreventDefault) {
 // Show and hide the main menu on mobile devices.
 function toggleMainMenu() {
     let menu = document.querySelector(".header nav ul");
+    let menuToggleButton = document.querySelector(".header .logo a");
     if (DomHelper.isVisible(menu)) {
         menu.style.display = "none";
+        menuToggleButton.setAttribute("aria-expanded", false)
     } else {
         menu.style.display = "block";
-    }
-
-    let searchElement = document.querySelector(".header .search");
-    if (DomHelper.isVisible(searchElement)) {
-        searchElement.style.display = "none";
-    } else {
-        searchElement.style.display = "block";
+        menuToggleButton.setAttribute("aria-expanded", true)
     }
 }
 
diff --git a/internal/ui/static/js/bootstrap.js b/internal/ui/static/js/bootstrap.js
index 3d7725ff..3c815f2b 100644
--- a/internal/ui/static/js/bootstrap.js
+++ b/internal/ui/static/js/bootstrap.js
@@ -113,7 +113,6 @@ document.addEventListener("DOMContentLoaded", () => {
     }, true);
 
     if (document.documentElement.clientWidth < 600) {
-        onClick(".logo", () => toggleMainMenu());
         onClick(".header nav li", (event) => onClickMainMenuListItem(event));
     }