From 2b7bc2ac28a7004f7617e8d89f6c73c4f882cf5f Mon Sep 17 00:00:00 2001
From: "Sean (ANGRYxScotsman)" <dev@seantestenv.co.uk>
Date: Tue, 25 Aug 2026 06:47:46 +0100
Subject: [PATCH] Replace navbar menu button text with a hamburger icon

Swaps to \u2630/\u2715 driven by the existing aria-expanded state, with the
accessible name preserved via a visually-hidden label.
---
 src/layouts/BaseLayout.astro | 2 +-
 src/styles/global.css        | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 355a00b0..3c555d62 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -115,7 +115,7 @@ const structuredData = JSON.stringify({
     <header class="site-header">
       <nav class="nav container" aria-label="Primary navigation">
         <a class="nav-logo" href="/" aria-label="Chris Titus Tech home"><img src="/images/navlogo.webp" width="248" height="50" alt="Chris Titus Tech" /></a>
-        <button class="menu-button icon-button" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-links">Menu</button>
+        <button class="menu-button icon-button" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-links"><span class="menu-icon" aria-hidden="true"></span><span class="sr-only">Menu</span></button>
         <div class="nav-links" id="primary-links" data-menu>
           <a href="/posts/">Articles</a><a href="/downloads/">Downloads</a><a href="https://forum.christitus.com/">Forums</a><a href="/live-streams/">Live</a><a href="/newsletter/">Newsletter</a><a href="/categories/">Topics</a><a href="/search/">Search</a>
           <button class="icon-button" type="button" data-theme-toggle aria-label="Switch to light theme"><span aria-hidden="true" data-theme-icon>☀</span><span class="sr-only">Change color theme</span></button>
diff --git a/src/styles/global.css b/src/styles/global.css
index 863a785b..df80dfc7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -151,6 +151,14 @@ input {
   display: none;
   margin-left: auto;
 }
+.menu-icon::before {
+  content: "\2630";
+  font-size: 1.1em;
+  line-height: 1;
+}
+.menu-button[aria-expanded="true"] .menu-icon::before {
+  content: "\2715";
+}
 .icon-button,
 .primary-button {
   border: 1px solid var(--border);