From ee1c2947ceca5a1d6a640695c65d9a017f297b6f Mon Sep 17 00:00:00 2001
From: KoalaDev <6156589+Shik3i@users.noreply.github.com>
Date: Thu, 9 Jul 2026 14:47:29 +0200
Subject: [PATCH] Fix join mobile navigation toggle

---
 website/join.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/join.html b/website/join.html
index 650961e..4bf56c3 100644
--- a/website/join.html
+++ b/website/join.html
@@ -46,7 +46,7 @@
                 <img src="assets/NewLogoIcon.webp" alt="KoalaSync Logo" width="64" height="64">
                 <span>KoalaSync</span>
             </a>
-            <div class="nav-links">
+            <div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
                 <a href="./" style="display: inline-flex; align-items: center; gap: 6px;">
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width: 16px; height: 16px; display: block;"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                     <span lang="de">Startseite</span><span lang="en">Home</span>
@@ -79,7 +79,7 @@
                     </select>
                     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="chevron-icon"><polyline points="6 9 12 15 18 9"/></svg>
                 </div>
-                <button class="hamburger" aria-label="Menu" aria-expanded="false">☰</button>
+                <button class="hamburger" aria-label="Menu" aria-expanded="false" aria-controls="primary-nav">☰</button>
             </div>
         </div>
     </nav>