From 1c2f21363e56569cc62772b712472ca4e2e88418 Mon Sep 17 00:00:00 2001
From: Jalil Arfaoui <jalil@arfaoui.net>
Date: Tue, 17 Feb 2026 09:45:34 +0100
Subject: [PATCH] =?UTF-8?q?Remplacement=20du=20div=20onclick=20par=20un=20?=
 =?UTF-8?q?lien=20dans=20posts-loop=20(accessibilit=C3=A9)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

La carte de post utilisait un div avec onclick="location.href=..." pour la navigation. Remplacé par un <a> sémantique avec le <a> interne du titre transformé en <span> pour éviter l'imbrication de liens invalide.
---
 src/components/posts-loop.astro | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/posts-loop.astro b/src/components/posts-loop.astro
index 9bb0ec8..d920f3c 100644
--- a/src/components/posts-loop.astro
+++ b/src/components/posts-loop.astro
@@ -15,20 +15,19 @@ const postsLoop = allPosts.slice(0, count).map((post) => {
 {
   postsLoop.map((post) => {
     return (
-      <div
-        class="relative border border-transparent border-dashed cursor-pointer p-7 group rounded-2xl"
-        onclick={`location.href = '${post.link}'`}
+      <a
+        href={post.link}
+        class="relative block border border-transparent border-dashed p-7 group rounded-2xl no-underline text-inherit"
       >
         <div class="absolute inset-0 z-20 w-full h-full duration-300 ease-out bg-white border border-dashed dark:bg-neutral-950 rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:-translate-x-1 group-hover:-translate-y-1" />
         <div class="absolute inset-0 z-10 w-full h-full duration-300 ease-out border border-dashed rounded-2xl border-neutral-300 dark:border-neutral-600 group-hover:translate-x-1 group-hover:translate-y-1" />
         <div class="relative z-30 duration-300 ease-out group-hover:-translate-x-1 group-hover:-translate-y-1">
           <h2 class="flex items-center mb-3">
-            <a
-              href={post.link}
+            <span
               class="text-xl font-bold leading-tight tracking-tight sm:text-2xl dark:text-neutral-100"
             >
               {post.title}
-            </a>
+            </span>
             <svg
               class="group-hover:translate-x-0 flex-shrink-0 translate-y-0.5 -translate-x-1 w-2.5 h-2.5 stroke-current ml-1 transition-all ease-in-out duration-200  transform"
               viewBox="0 0 13 15"
@@ -76,7 +75,7 @@ const postsLoop = allPosts.slice(0, count).map((post) => {
             Posted on {post.dateFormatted}
           </div>
         </div>
-      </div>
+      </a>
     )
   })
 }