add close label to menu toggle

index.html

@@ -72,7 +72,7 @@
         aria-haspopup="true"
         aria-label="Open menu"
       >
-        Menu
+        <span class="menu-toggle__label">Menu</span>
       </button>
       </div>
     </div>

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();