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>