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