From 98778965d2f4a2aa0b324fd0cf2864886384df2b Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Wed, 18 Feb 2026 08:54:28 +0100
Subject: [PATCH] =?UTF-8?q?Remplacement=20du=20div=20onclick=20par=20un=20?=
 =?UTF-8?q?button=20pour=20le=20backdrop=20du=20menu=20mobile=20(accessibi?=
 =?UTF-8?q?lit=C3=A9)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le backdrop utilisait un div avec onclick inline. Remplacé par un <button> avec aria-label et le listener déplacé dans un script du composant.
---
 src/components/header.astro | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/components/header.astro b/src/components/header.astro
index fae9e52..5004323 100644
--- a/src/components/header.astro
+++ b/src/components/header.astro
@@ -31,12 +31,13 @@ const currentMenus = menus[currentLang] || menus.fr;
     class="flex items-center justify-between h-full max-w-5xl pl-6 pr-4 mx-auto border-b border-l-0 border-r-0 border-transparent select-none lg:border-r lg:border-l lg:rounded-b-xl"
   >
     <Logo />
-    <div
+    <button
       id="mobileMenuBackground"
-      onclick="closeMobileMenu()"
-      class="fixed inset-0 z-20 hidden w-screen h-screen duration-300 ease-out bg-white/90 dark:bg-neutral-950/90"
+      type="button"
+      aria-label="Fermer le menu"
+      class="fixed inset-0 z-20 hidden w-screen h-screen duration-300 ease-out bg-white/90 dark:bg-neutral-950/90 appearance-none border-0 p-0 cursor-default"
     >
-    </div>
+    </button>
     <nav
       class="relative z-30 flex flex-row-reverse justify-start w-full text-sm sm:justify-end text-neutral-500 dark:text-neutral-400 sm:flex-row"
     >
@@ -94,3 +95,9 @@ const currentMenus = menus[currentLang] || menus.fr;
     </nav>
   </div>
 </header>
+
+<script is:inline>
+  document.getElementById('mobileMenuBackground').addEventListener('click', function () {
+    window.closeMobileMenu();
+  });
+</script>