From 594d53f50e5e107b1c31daf3d67faf09644f5d6d Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 6 Mar 2026 17:32:22 +0100
Subject: [PATCH] =?UTF-8?q?Refactor:=20s=C3=A9mantique=20nav=20Portfolio?=
 =?UTF-8?q?=20=E2=80=94=20ul=20>=20li=20>=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- nav > ul[role=list] > li > button
- aria-current sur l'item actif
- aria-label={project.title} sur le button (le texte visible est le numéro)
- alt="" sur la vignette (décorative, le titre est porté par aria-label)
- aria-hidden sur le numéro (redondant avec aria-label)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views/Portfolio.svelte | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/views/Portfolio.svelte b/src/views/Portfolio.svelte
index f9c8ba4..bfaf919 100644
--- a/src/views/Portfolio.svelte
+++ b/src/views/Portfolio.svelte
@@ -122,16 +122,22 @@
 
   <!-- Sidebar navigation (extrême droite) -->
   <nav class="portfolio-nav" aria-label="Projets">
-    {#each projects as project, i}
-      <button
-        class="portfolio-nav-item"
-        class:active={i === currentIndex}
-        onclick={() => { currentIndex = i; setAnchor(i) }}
-      >
-        <img src={project.thumbnail} alt={project.title} />
-        <span class="portfolio-nav-number">{String(i + 1).padStart(2, '0')}</span>
-      </button>
-    {/each}
+    <ul role="list">
+      {#each projects as project, i}
+        <li>
+          <button
+            class="portfolio-nav-item"
+            class:active={i === currentIndex}
+            aria-current={i === currentIndex ? 'true' : undefined}
+            aria-label={project.title}
+            onclick={() => { currentIndex = i; setAnchor(i) }}
+          >
+            <img src={project.thumbnail} alt="" />
+            <span class="portfolio-nav-number" aria-hidden="true">{String(i + 1).padStart(2, '0')}</span>
+          </button>
+        </li>
+      {/each}
+    </ul>
   </nav>
 </section>
 
@@ -182,6 +188,7 @@
 
   .portfolio-text h2 {
     font-size: var(--font-size-title-main);
+    font-weight: 700;
     text-transform: uppercase;
     line-height: 1.1;
   }
@@ -215,6 +222,11 @@
   }
 
   /* Sidebar navigation */
+  .portfolio-nav ul {
+    list-style: none;
+    display: contents;
+  }
+
   .portfolio-nav {
     grid-area: 4/17 / span 14 / span 4;
     padding-right: 8rem;