From 7576e8b9ee06625b7b8c2003f8e08e94f94bb0e2 Mon Sep 17 00:00:00 2001
From: sefaria <lars@larss-macbook-pro-3.local>
Date: Mon, 29 Jun 2026 22:50:40 +0200
Subject: [PATCH] add close label to menu toggle

---
 index.html | 2 +-
 js/app.js  | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index fa4b03f..8ca90b1 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,7 @@
         aria-haspopup="true"
         aria-label="Open menu"
       >
-        Menu
+        <span class="menu-toggle__label">Menu</span>
       </button>
       </div>
     </div>
diff --git a/js/app.js b/js/app.js
index 1247d44..124beb3 100644
--- a/js/app.js
+++ b/js/app.js
@@ -2,6 +2,7 @@
 
   const body = document.body;
   const menuToggle = document.getElementById('menuToggle');
+  const menuToggleLabel = menuToggle?.querySelector('.menu-toggle__label');
   const menuOverlay = document.getElementById('menuOverlay');
   const mobileMenu = document.getElementById('mobileMenu');
   const siteContent = document.getElementById('siteContent');
@@ -12,6 +13,7 @@
 	menuToggle.classList.add('is-open');
 	menuToggle.setAttribute('aria-expanded', 'true');
 	menuToggle.setAttribute('aria-label', 'Close menu');
+	if (menuToggleLabel) menuToggleLabel.textContent = 'Close';
 	mobileMenu.setAttribute('aria-hidden', 'false');
 	siteContent.setAttribute('inert', '');
 	menuToggle.focus();
@@ -22,6 +24,7 @@
 	menuToggle.classList.remove('is-open');
 	menuToggle.setAttribute('aria-expanded', 'false');
 	menuToggle.setAttribute('aria-label', 'Open menu');
+	if (menuToggleLabel) menuToggleLabel.textContent = 'Menu';
 	mobileMenu.setAttribute('aria-hidden', 'true');
 	siteContent.removeAttribute('inert');
 	menuToggle.focus();