fix: update readme and arias

js/components/mobile-drawer.js

@@ -14,6 +14,8 @@ class MobileDrawer extends HTMLElement {
   connectedCallback() {
     this.render();
     this.setupEventListeners();
+    // Set initial aria-hidden state
+    this.setAttribute("aria-hidden", "true");
   }
 
   disconnectedCallback() {
@@ -51,6 +53,7 @@ class MobileDrawer extends HTMLElement {
   open() {
     this.isOpen = true;
     this.shadowRoot.querySelector(".drawer-container").classList.add("open");
+    this.setAttribute("aria-hidden", "false");
     document.body.style.overflow = "hidden";
     
     // Focus trap - focus first focusable element
@@ -63,6 +66,7 @@ class MobileDrawer extends HTMLElement {
   close() {
     this.isOpen = false;
     this.shadowRoot.querySelector(".drawer-container").classList.remove("open");
+    this.setAttribute("aria-hidden", "true");
     document.body.style.overflow = "";
   }
 
@@ -316,7 +320,7 @@ class MobileDrawer extends HTMLElement {
 
       <div class="drawer-container">
         <div class="backdrop"></div>
-        <nav class="drawer" aria-label="Main navigation">
+        <nav class="drawer" aria-label="Hoofdnavigatie">
           <div class="drawer-header">
             <a href="index.html" class="drawer-logo">Milinda</a>
             <button class="close-button" aria-label="Sluit menu">