diff --git a/assets/images/camera.png b/assets/images/camera.png
deleted file mode 100644
index f0552ba3..00000000
Binary files a/assets/images/camera.png and /dev/null differ
diff --git a/assets/images/camera.webp b/assets/images/camera.webp
new file mode 100644
index 00000000..be2bf3b7
Binary files /dev/null and b/assets/images/camera.webp differ
diff --git a/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg b/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg
deleted file mode 100644
index d946c8e8..00000000
Binary files a/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp b/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp
new file mode 100644
index 00000000..d9a5e88f
Binary files /dev/null and b/assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp differ
diff --git a/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg b/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg
deleted file mode 100644
index 84029f1c..00000000
Binary files a/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp b/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp
new file mode 100644
index 00000000..00296941
Binary files /dev/null and b/assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp differ
diff --git a/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg b/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg
deleted file mode 100644
index a0fd83fa..00000000
Binary files a/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp b/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp
new file mode 100644
index 00000000..f4b4d566
Binary files /dev/null and b/assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp differ
diff --git a/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg b/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg
deleted file mode 100644
index b87ab7c9..00000000
Binary files a/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp b/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp
new file mode 100644
index 00000000..8a2af5ab
Binary files /dev/null and b/assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp differ
diff --git a/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg b/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg
deleted file mode 100644
index 0901575a..00000000
Binary files a/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp b/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp
new file mode 100644
index 00000000..c2790c8d
Binary files /dev/null and b/assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp differ
diff --git a/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg b/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg
deleted file mode 100644
index b6171083..00000000
Binary files a/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp b/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp
new file mode 100644
index 00000000..aa013907
Binary files /dev/null and b/assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp differ
diff --git a/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg b/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg
deleted file mode 100644
index bfd6a4db..00000000
Binary files a/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp b/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp
new file mode 100644
index 00000000..a05ab596
Binary files /dev/null and b/assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp differ
diff --git a/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg b/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg
deleted file mode 100644
index a6c1a2c5..00000000
Binary files a/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp b/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp
new file mode 100644
index 00000000..cfd8a618
Binary files /dev/null and b/assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp differ
diff --git a/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg b/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg
deleted file mode 100644
index 57db1295..00000000
Binary files a/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg and /dev/null differ
diff --git a/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.webp b/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.webp
new file mode 100644
index 00000000..eb175815
Binary files /dev/null and b/assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.webp differ
diff --git a/assets/images/nina.png b/assets/images/nina.png
deleted file mode 100644
index 05e2a290..00000000
Binary files a/assets/images/nina.png and /dev/null differ
diff --git a/assets/images/nina.webp b/assets/images/nina.webp
new file mode 100644
index 00000000..b3943c68
Binary files /dev/null and b/assets/images/nina.webp differ
diff --git a/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg b/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg
deleted file mode 100644
index 2c6ecebb..00000000
Binary files a/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg and /dev/null differ
diff --git a/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp b/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp
new file mode 100644
index 00000000..4ef9117c
Binary files /dev/null and b/assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp differ
diff --git a/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg b/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg
deleted file mode 100644
index 3e72a388..00000000
Binary files a/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg and /dev/null differ
diff --git a/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp b/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp
new file mode 100644
index 00000000..bb13c01c
Binary files /dev/null and b/assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp differ
diff --git a/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg b/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg
deleted file mode 100644
index 1070c9cf..00000000
Binary files a/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg and /dev/null differ
diff --git a/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp b/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp
new file mode 100644
index 00000000..833879c6
Binary files /dev/null and b/assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp differ
diff --git a/assets/maugallery.js b/assets/maugallery.js
index c5501fec..9852d14a 100644
--- a/assets/maugallery.js
+++ b/assets/maugallery.js
@@ -1,8 +1,8 @@
-(function($) {
-  $.fn.mauGallery = function(options) {
+(function ($) {
+  $.fn.mauGallery = function (options) {
     var options = $.extend($.fn.mauGallery.defaults, options);
     var tagsCollection = [];
-    return this.each(function() {
+    return this.each(function () {
       $.fn.mauGallery.methods.createRowWrapper($(this));
       if (options.lightBox) {
         $.fn.mauGallery.methods.createLightBox(
@@ -15,7 +15,7 @@
 
       $(this)
         .children(".gallery-item")
-        .each(function(index) {
+        .each(function (index) {
           $.fn.mauGallery.methods.responsiveImageItem($(this));
           $.fn.mauGallery.methods.moveItemInRowWrapper($(this));
           $.fn.mauGallery.methods.wrapItemInColumn($(this), options.columns);
@@ -48,8 +48,8 @@
     tagsPosition: "bottom",
     navigation: true
   };
-  $.fn.mauGallery.listeners = function(options) {
-    $(".gallery-item").on("click", function() {
+  $.fn.mauGallery.listeners = function (options) {
+    $(".gallery-item").on("click", function () {
       if (options.lightBox && $(this).prop("tagName") === "IMG") {
         $.fn.mauGallery.methods.openLightBox($(this), options.lightboxId);
       } else {
@@ -121,7 +121,7 @@
     },
     prevImage() {
       let activeImage = null;
-      $("img.gallery-item").each(function() {
+      $("img.gallery-item").each(function () {
         if ($(this).attr("src") === $(".lightboxImage").attr("src")) {
           activeImage = $(this);
         }
@@ -129,13 +129,13 @@
       let activeTag = $(".tags-bar span.active-tag").data("images-toggle");
       let imagesCollection = [];
       if (activeTag === "all") {
-        $(".item-column").each(function() {
+        $(".item-column").each(function () {
           if ($(this).children("img").length) {
             imagesCollection.push($(this).children("img"));
           }
         });
       } else {
-        $(".item-column").each(function() {
+        $(".item-column").each(function () {
           if (
             $(this)
               .children("img")
@@ -145,74 +145,95 @@
           }
         });
       }
-      let index = 0,
-        next = null;
+      let index = 0;
 
-      $(imagesCollection).each(function(i) {
+      $(imagesCollection).each(function (i) {
         if ($(activeImage).attr("src") === $(this).attr("src")) {
-          index = i ;
+          index = i;
         }
       });
-      next =
-        imagesCollection[index] ||
-        imagesCollection[imagesCollection.length - 1];
-      $(".lightboxImage").attr("src", $(next).attr("src"));
+      /*
+        CORRECTION APPLIQUÉE ICI
+        - Les boutons "précédent" et "suivant" de la modale ne permettaient pas
+          de naviguer correctement entre les images.
+        - Maintenant : - On calcule l’index de l’image courante.
+- Pour PREV : on recule d’une image (si on est au début, on va à la dernière).
+- Pour NEXT : on avance d’une image (si on est à la fin, on revient à la première).
+      */
+
+      // on recule d’une image
+      let prevIndex = index - 1;
+
+      // si on est au début, on va à la dernière
+      if (prevIndex < 0) {
+        prevIndex = imagesCollection.length - 1;
+      }
+
+      let prev = imagesCollection[prevIndex];
+
+      $(".lightboxImage").attr("src", $(prev).attr("src"));
     },
     nextImage() {
       let activeImage = null;
-      $("img.gallery-item").each(function() {
+
+      $("img.gallery-item").each(function () {
         if ($(this).attr("src") === $(".lightboxImage").attr("src")) {
           activeImage = $(this);
         }
       });
+
       let activeTag = $(".tags-bar span.active-tag").data("images-toggle");
       let imagesCollection = [];
+
       if (activeTag === "all") {
-        $(".item-column").each(function() {
+        $(".item-column").each(function () {
           if ($(this).children("img").length) {
             imagesCollection.push($(this).children("img"));
           }
         });
       } else {
-        $(".item-column").each(function() {
-          if (
-            $(this)
-              .children("img")
-              .data("gallery-tag") === activeTag
-          ) {
+        $(".item-column").each(function () {
+          if ($(this).children("img").data("gallery-tag") === activeTag) {
             imagesCollection.push($(this).children("img"));
           }
         });
       }
-      let index = 0,
-        next = null;
 
-      $(imagesCollection).each(function(i) {
+      let index = 0;
+
+      $(imagesCollection).each(function (i) {
         if ($(activeImage).attr("src") === $(this).attr("src")) {
           index = i;
         }
       });
-      next = imagesCollection[index] || imagesCollection[0];
+
+      // on avance d’une image
+      let nextIndex = index + 1;
+
+      // si on est à la fin, on revient à la première
+      if (nextIndex >= imagesCollection.length) {
+        nextIndex = 0;
+      }
+
+      let next = imagesCollection[nextIndex];
+
       $(".lightboxImage").attr("src", $(next).attr("src"));
     },
     createLightBox(gallery, lightboxId, navigation) {
-      gallery.append(`<div class="modal fade" id="${
-        lightboxId ? lightboxId : "galleryLightbox"
-      }" tabindex="-1" role="dialog" aria-hidden="true">
+      gallery.append(`<div class="modal fade" id="${lightboxId ? lightboxId : "galleryLightbox"
+        }" tabindex="-1" role="dialog" aria-hidden="true">
                 <div class="modal-dialog" role="document">
                     <div class="modal-content">
                         <div class="modal-body">
-                            ${
-                              navigation
-                                ? '<div class="mg-prev" style="cursor:pointer;position:absolute;top:50%;left:-15px;background:white;"><</div>'
-                                : '<span style="display:none;" />'
-                            }
+                            ${navigation
+          ? '<div class="mg-prev" style="cursor:pointer;position:absolute;top:50%;left:-15px;background:white;"><</div>'
+          : '<span style="display:none;" />'
+        }
                             <img class="lightboxImage img-fluid" alt="Contenu de l'image affichée dans la modale au clique"/>
-                            ${
-                              navigation
-                                ? '<div class="mg-next" style="cursor:pointer;position:absolute;top:50%;right:-15px;background:white;}">></div>'
-                                : '<span style="display:none;" />'
-                            }
+                            ${navigation
+          ? '<div class="mg-next" style="cursor:pointer;position:absolute;top:50%;right:-15px;background:white;}">></div>'
+          : '<span style="display:none;" />'
+        }
                         </div>
                     </div>
                 </div>
@@ -221,7 +242,7 @@
     showItemTags(gallery, position, tags) {
       var tagItems =
         '<li class="nav-item"><span class="nav-link active active-tag"  data-images-toggle="all">Tous</span></li>';
-      $.each(tags, function(index, value) {
+      $.each(tags, function (index, value) {
         tagItems += `<li class="nav-item active">
                 <span class="nav-link"  data-images-toggle="${value}">${value}</span></li>`;
       });
@@ -235,16 +256,22 @@
         console.error(`Unknown tags position: ${position}`);
       }
     },
+    /*
+        CORRECTION APPLIQUÉE ICI
+        - Avant . on ajoutait seulement "active-tag"
+        - Maintenant : on ajoute "active" + "active-tag"
+        => le filtre sélectionné redevient doré 
+      */
     filterByTag() {
       if ($(this).hasClass("active-tag")) {
         return;
       }
       $(".active-tag").removeClass("active active-tag");
-      $(this).addClass("active-tag");
+      $(this).addClass("active active-tag");
 
       var tag = $(this).data("images-toggle");
 
-      $(".gallery-item").each(function() {
+      $(".gallery-item").each(function () {
         $(this)
           .parents(".item-column")
           .hide();
diff --git a/index.html b/index.html
index 957423a3..6b3f5186 100644
--- a/index.html
+++ b/index.html
@@ -1,158 +1,334 @@
 <!DOCTYPE html>
-<html>
+
+<!-- ACCESSIBILITÉ :
+- Ajout de lang="fr" pour indiquer la langue aux lecteurs d’écran.
+-->
+<html lang="fr">
+
 <head>
+	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-	<link rel="stylesheet" href="./assets/bootstrap/bootstrap.css">
+	<!-- ACCESSIBILITÉ + SEO :
+	- Ajout d'un titre -->
+	<title>Nina Carducci – Photographe professionnelle à Paris</title>
+	<!-- SEO : Ajout d'une meta description -->
+	<meta name="description"
+		content="Nina Carducci, photographe professionnelle à Paris. Spécialisée en mariages, portraits, concerts et shootings d’entreprise. Découvrez mon portfolio et contactez-moi pour votre projet.">
+
+	<link rel="stylesheet" href="./assets/bootstrap/bootstrap.min.css">
 	<link rel="stylesheet" href="./assets/style.css">
+
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-	<link href="https://fonts.googleapis.com/css2?family=Inter&family=Spectral:ital,wght@0,400;1,300;1,400;1,800&display=swap" rel="stylesheet">
-	<meta charset="UTF-8">
-	<script src="./assets/bootstrap/bootstrap.bundle.js"></script>
-	<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
+	<link
+		href="https://fonts.googleapis.com/css2?family=Inter&family=Spectral:ital,wght@0,400;1,300;1,400;1,800&display=swap"
+		rel="stylesheet">
+
+
+	<script src="./assets/bootstrap/bootstrap.bundle.min.js"></script>
+	<script src="https://code.jquery.com/jquery-3.4.1.min.js"
+		integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
 	<script src="./assets/maugallery.js"></script>
 	<script src="./assets/scripts.js"></script>
+
+	<!-- SEO-RÉSEAUX SOCIAUX (Open Graph & Twitter Cards)
+	Permet d'afficher un aperçu enrichi (image, titre, description)
+	lors du partage du site sur Facebook, WhatsApp, Twitter, etc. -->
+	<meta property="og:title" content="Nina Carducci – Photographe professionnelle à Paris">
+	<meta property="og:description"
+		content="Photographe professionnelle spécialisée en mariages, portraits, concerts et shootings d’entreprise.">
+	<meta property="og:type" content="website">
+	<meta property="og:url" content="https://saadbenallal4.github.io/Projet-Nina-Carducci/">
+	<meta property="og:image" content="https://saadbenallal4.github.io/Projet-Nina-Carducci/assets/images/nina.webp">
+
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:title" content="Nina Carducci – Photographe professionnelle à Paris">
+	<meta name="twitter:description"
+		content="Découvrez le portfolio de Nina Carducci, photographe professionnelle à Paris.">
+	<meta name="twitter:image" content="https://saadbenallal4.github.io/Projet-Nina-Carducci/assets/images/nina.webp">
+
+	<!-- SEO LOCAL : Données structurées Schema.org (LocalBusiness) pour le référencement local
+	     Permet à Google de comprendre l’activité, l’adresse, les horaires et les réseaux sociaux -->
+
+	<script type="application/ld+json">
+	{
+	  "@context": "https://schema.org",
+	  "@type": "LocalBusiness",
+	  "name": "Nina Carducci",
+	  "image": "https://saadbenallal4.github.io/Projet-Nina-Carducci/assets/images/nina.webp",
+	  "address": {
+	    "@type": "PostalAddress",
+	    "streetAddress": "68 avenue Alsace-Lorraine",
+	    "addressLocality": "Bordeaux",
+	    "postalCode": "33200",
+	    "addressCountry": "FR"
+	  },
+	  "telephone": "+33556677889",
+	  "openingHours": "Mo-Fr 10:00-19:00",
+	  "sameAs": [
+	    "https://www.instagram.com/ninacarducci.photo/?hl=fr"
+	  ]
+	}
+	</script>
+
 </head>
+
 <body>
-<div class="top-header">
-	<h3 class="name">Nina Carducci</h3>
-	<div class="nav">   
-		<ul>
-			<li><a href="#about">À propos</a></li>
-			<li><a href="#gallery">Galerie</a></li>
-			<li><a href="#services">Service</a></li>
-			<li><a href="#contact">Contact</a></li>
-			<li><a class="social-link" href="https://www.instagram.com/ninacarducci.photo/?hl=fr" target="_blank"><img src="assets/images/instagram.png" alt=""></a></li>
-		</ul>
-	</div>
-</div>
-<div id="header">
-
-	<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
-		<div class="carousel-indicators">
-			<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-			<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
-			<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
-		</div>
-		<div class="carousel-inner">
-			<div class="carousel-item active">
-				<img src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.jpg" class="d-block w-100" alt="...">
-			</div>
-			<div class="carousel-item">
-				<img src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.jpg" class="d-block w-100" alt="...">
+	<!--
+	ACCESSIBILITÉ :
+- Utilisation de <header> pour l’en-tête du site.
+- Le h1 doit être unique : il porte le titre principal de la page.
+-->
+	<header class="top-header">
+		<h1 class="name">Nina Carducci</h1>
+
+		<!--
+		ACCESSIBILITÉ :
+		- Utilisation de <nav> au lieu d’un simple div.
+		- aria-label pour nommer clairement la zone de navigation.
+		-->
+		<nav class="nav" aria-label="Navigation principale">
+			<ul>
+				<li><a href="#about">À propos</a></li>
+				<li><a href="#gallery">Galerie</a></li>
+				<li><a href="#services">Service</a></li>
+				<li><a href="#contact">Contact</a></li>
+				<li>
+					<a class="social-link" href="https://www.instagram.com/ninacarducci.photo/?hl=fr" target="_blank"
+						rel="noopener noreferrer" aria-label="Ouvrir le compte Instagram de Nina Carducci">
+						<!-- ACCESSIBILITÉ : alt renseigné (au lieu de vide) -->
+						<img src="assets/images/instagram.png" alt="Logo Instagram">
+					</a>
+				</li>
+			</ul>
+		</nav>
+	</header>
+
+	<!--
+	ACCESSIBILITÉ :
+	- Ajout de <main> pour identifier le contenu principal de la page.
+	-->
+	<main>
+
+
+		<section id="header" aria-label="Carrousel de photos">
+			<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
+
+
+				<div class="carousel-indicators">
+					<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0"
+						class="active" aria-current="true" aria-label="Aller à la diapositive 1"></button>
+					<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"
+						aria-label="Aller à la diapositive 2"></button>
+					<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"
+						aria-label="Aller à la diapositive 3"></button>
+				</div>
+
+				<div class="carousel-inner">
+					<div class="carousel-item active">
+						<!-- ACCESSIBILITÉ : alt descriptif (au lieu de "...") -->
+						<img src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp" class="d-block w-100"
+							alt="Photographie artistique en extérieur, lumière naturelle">
+					</div>
+					<div class="carousel-item">
+						<img src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp" class="d-block w-100"
+							alt="Photographie de scène de concert, éclairage urbain">
+					</div>
+					<div class="carousel-item">
+						<img src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp"
+							class="d-block w-100" alt="Photographie portrait, ambiance chaleureuse">
+					</div>
+				</div>
+
+				<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"
+					data-bs-slide="prev">
+					<span class="carousel-control-prev-icon" aria-hidden="true"></span>
+					<span class="visually-hidden">Image précédente</span>
+				</button>
+
+				<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"
+					data-bs-slide="next">
+					<span class="carousel-control-next-icon" aria-hidden="true"></span>
+					<span class="visually-hidden">Image suivante</span>
+				</button>
 			</div>
-			<div class="carousel-item">
-				<img src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.jpg" class="d-block w-100" alt="...">
+		</section>
+
+		<!-- Section À propos -->
+		<section id="about" aria-labelledby="about-title">
+			<div class="picture left">
+				<!-- ACCESSIBILITÉ : alt descriptif -->
+				<img src="./assets/images/nina.webp" alt="Portrait de la photographe Nina Carducci">
 			</div>
-		</div>
-		<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
-			<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-			<span class="visually-hidden">Previous</span>
-		</button>
-		<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
-			<span class="carousel-control-next-icon" aria-hidden="true"></span>
-			<span class="visually-hidden">Next</span>
-		</button>
-	</div>
-</div>
-<div id="about">
-	<div class="picture left">
-		<img src="./assets/images/nina.png">
-	</div>
-	<div id="about-me">
-		<h3 class="about-me__title">A propos de moi</h3>
-		<h6 class="about-me__introduction">Devenir photographe était pour moi une évidence. Comme si j’y étais prédestiné. Saisir un moment, une émotion, une situation, un endroit, une lumière et les rendre immortels, voilà ce qui me fait vibrer.</h6>
-		<p>Nous passons notre vie à chercher le bonheur, et lorsque nous y touchons, nous n’avons qu’une envie : le figer au travers de photographies pour le savourer avec les personnes qui sont importantes à nos yeux, ou le partager au plus grand nombre.
-			C’est ce que je vous propose : saisir ces merveilleux moments au travers de mon regard, mon approche, ma technique. Rendre ces moments immortels, afin que vous puissiez y puiser de l’amour, du bonheur, de la tendresse et de lumière à chaque fois que vous poserez les yeux sur vos photos.</p>
-	</div>
-</div>
-<div id="gallery">
-	<h3 class="title">Portfolio</h3>
-	<div class="container py-3">
-		<div class="gallery" style="display: none">
-			<img data-gallery-tag="Concert" class="gallery-item" src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.jpg"/>
-			<img data-gallery-tag="Entreprises" class="gallery-item" src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.jpg"/>
-			<img data-gallery-tag="Entreprises" class="gallery-item" src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.jpg"/>
-			<img data-gallery-tag="Mariages" class="gallery-item" src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.jpg"/>
-			<img data-gallery-tag="Portrait" class="gallery-item" src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.jpg"/>
-			<img data-gallery-tag="Mariages" class="gallery-item" src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.jpg"/>
-			<img data-gallery-tag="Portrait" class="gallery-item" src="./assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.jpg"/>
-			<img data-gallery-tag="Concert" class="gallery-item" src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.jpg"/>
-			<img data-gallery-tag="Entreprises" class="gallery-item" src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.jpg"/>
-		</div>
-	</div>
-	<div class="quote">
-		<figure>
-			<blockquote>
-				<h1 class="quote__text">Un portrait n’est pas une ressemblance. Dès lors qu’une émotion ou qu’un fait est traduit en photo, il cesse d’être un fait pour devenir une opinion. L’inexactitude n’existe pas en photographie. Toutes les photos sont exactes. Aucune d’elles n’est la vérité.</h1>
-			</blockquote>
-			<figcaption class="quote__author">- Richard Avedon</figcaption>
-		</figure>
-	</div>
-</div>
-<div id="services">
-	<h3 class="title">Mes services</h3>
-	<div class="container">
-		<div class="service">
-			<div class="service__description">
-				<h3>Shooting photo</h3>
-				<p>Pour capturer vos moments les plus précieux et garder un souvenir impérissable. Je me déplace en Île-de-France pour réaliser vos photos</p>
+
+			<div id="about-me">
+				<!-- ACCESSIBILITÉ : titre de section en h2 (car h1 déjà utilisé pour le titre de page) -->
+				<h2 class="about-me__title" id="about-title">À propos de moi</h2>
+
+				<!-- ACCESSIBILITÉ : h6 -> p (un h6 ici casse la hiérarchie, et ce n’est pas un titre) -->
+				<p class="about-me__introduction">
+					Devenir photographe était pour moi une évidence. Comme si j’y étais prédestiné. Saisir un moment,
+					une
+					émotion, une situation, un endroit, une lumière et les rendre immortels, voilà ce qui me fait
+					vibrer.
+				</p>
+
+				<p>
+					Nous passons notre vie à chercher le bonheur, et lorsque nous y touchons, nous n’avons qu’une envie
+					:
+					le figer au travers de photographies pour le savourer avec les personnes qui sont importantes à nos
+					yeux, ou le partager au plus grand nombre.
+					C’est ce que je vous propose : saisir ces merveilleux moments au travers de mon regard, mon
+					approche,
+					ma technique. Rendre ces moments immortels, afin que vous puissiez y puiser de l’amour, du bonheur,
+					de la tendresse et de lumière à chaque fois que vous poserez les yeux sur vos photos.
+				</p>
 			</div>
-			<div class="service__price">
-				<h4>350€/demi journée</h4>
-				<span>Matériel, déplacement inclus</span>
+		</section>
+
+		<!-- Section Galerie -->
+		<section id="gallery" aria-labelledby="portfolio-title">
+			<h2 class="title" id="portfolio-title">Portfolio</h2>
+
+			<div class="container py-3">
+				<!-- ACCESSIBILITÉ : Les images doivent avoir des alt.-->
+
+				<div class="gallery" style="display: none">
+					<!-- PERFORMANCE :
+					- Redimensionnement des images selon leur usage (galerie ≈ 400px, carrousel ≈ 1600px) afin d’éviter de charger des images trop lourdes.
+					- Conversion de toutes les images au format WebP pour réduire fortement leur poids.
+					-->
+					<img data-gallery-tag="Concert" class="gallery-item"
+						src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp"
+						alt="Photographie de concert, musicien sur scène">
+
+					<img data-gallery-tag="Entreprises" class="gallery-item"
+						src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp"
+						alt="Portrait professionnel en entreprise">
+
+					<img data-gallery-tag="Entreprises" class="gallery-item"
+						src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash.webp"
+						alt="Réunion en entreprise, scène de travail">
+
+					<img data-gallery-tag="Mariages" class="gallery-item"
+						src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp"
+						alt="Photo de mariage, couple et invités">
+
+					<img data-gallery-tag="Portrait" class="gallery-item"
+						src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp"
+						alt="Portrait en extérieur, lumière naturelle">
+
+					<img data-gallery-tag="Mariages" class="gallery-item"
+						src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp"
+						alt="Photo de mariage, moment de célébration">
+
+					<img data-gallery-tag="Portrait" class="gallery-item"
+						src="./assets/images/gallery/portraits/nino-van-prattenburg--443cl1uR_8-unsplash.webp"
+						alt="Portrait artistique, expression du visage">
+
+					<img data-gallery-tag="Concert" class="gallery-item"
+						src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp"
+						alt="Photo de concert, public et scène">
+
+					<img data-gallery-tag="Entreprises" class="gallery-item"
+						src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp"
+						alt="Scène en entreprise, portrait professionnel">
+				</div>
 			</div>
 
-		</div>
-		<div class="service">
-			<div class="service__description">
-				<h3>Retouches</h3>
-				<p>Vous souhaitez retoucher vos photos pour un résultat professionnel ? Bénéficier d’un rendu optimal pour vos publications</p>
+			<div class="quote">
+				<figure>
+					<blockquote>
+						<!-- ACCESSIBILITÉ : pas de h1 dans un blocquote. On met un paragraphe. -->
+						<p class="quote__text">
+							Un portrait n’est pas une ressemblance. Dès lors qu’une émotion ou qu’un fait est traduit en
+							photo, il cesse d’être un fait pour devenir une opinion. L’inexactitude n’existe pas en
+							photographie. Toutes les photos sont exactes. Aucune d’elles n’est la vérité.
+						</p>
+					</blockquote>
+					<figcaption class="quote__author">- Richard Avedon</figcaption>
+				</figure>
 			</div>
-			<div class="service__price">
-				<h4>50€/photo</h4>
-				<span>2 AR par photo</span>
+		</section>
+
+		<section id="services" aria-labelledby="services-title">
+			<h2 class="title" id="services-title">Mes services</h2>
+
+			<div class="container">
+				<!-- ACCESSIBILITÉ : article pour chaque service (contenu autonome) -->
+				<article class="service">
+					<div class="service__description">
+						<h3>Shooting photo</h3>
+						<p>Pour capturer vos moments les plus précieux et garder un souvenir impérissable. Je me déplace
+							en Île-de-France pour réaliser vos photos</p>
+					</div>
+					<div class="service__price">
+						<h4>350€/demi journée</h4>
+						<span>Matériel, déplacement inclus</span>
+					</div>
+				</article>
+
+				<article class="service">
+					<div class="service__description">
+						<h3>Retouches</h3>
+						<p>Vous souhaitez retoucher vos photos pour un résultat professionnel ? Bénéficier d’un rendu
+							optimal pour vos publications</p>
+					</div>
+					<div class="service__price">
+						<h4>50€/photo</h4>
+						<span>2 AR par photo</span>
+					</div>
+				</article>
+
+				<article class="service">
+					<div class="service__description">
+						<h3>Album photos</h3>
+						<p>Partagez avec vos proches et vos clients les photos des moments partagés ensemble à travers
+							un
+							album photo personnalisé</p>
+					</div>
+					<div class="service__price">
+						<h4>400€ album A4</h4>
+						<span>30 pages recto/verso</span>
+					</div>
+				</article>
 			</div>
-		</div>
-		<div class="service">
-			<div class="service__description">
-				<h3>Album photos</h3>
-				<p>Partagez avec vos proches et vos clients les photos des moments partagés ensemble à travers un album photo personnalisé</p>
+		</section>
+
+		<section aria-label="Citation">
+			<div class="quote">
+				<figure>
+					<blockquote>
+						<!-- ACCESSIBILITÉ : pas de h1, on met un paragraphe -->
+						<p class="quote__text">
+							De manière inconsciente, je crois, je guette un regard, une expression, des traits ou une
+							nostalgie capable de résumer ou plus exactement de révéler une vie
+						</p>
+					</blockquote>
+					<figcaption class="quote__author">- Richard Avedon</figcaption>
+				</figure>
 			</div>
-			<div class="service__price">
-				<h4>400€ album A4</h4>
-				<span>30 pages recto/verso</span>
+		</section>
+
+		<!-- Section Contact -->
+		<section id="contact" aria-labelledby="contact-title">
+			<div class="container">
+				<div class="form-container">
+					<h2 id="contact-title">Une question ? Une demande de devis ?</h2>
+					<p>N’hésitez pas à m’écrire ! Je vous répondrai en moins de 24 heures</p>
+					<!-- ACCESSIBILITÉ : - Association label/input grâce à for et id. - Ajout d’autocomplete pour aider l’utilisateur. -->
+					<form action="" method="post"> <label for="nom">Nom</label> <input type="text" name="nom" id="nom"
+							autocomplete="name"> <label for="email">Email</label> <input type="email" name="email"
+							id="email" autocomplete="email"> <label for="message">Message</label> <textarea
+							name="message" id="message" cols="30" rows="10"></textarea> <input type="submit"
+							value="Envoyer"> </form>
+				</div>
+				<div class="picture right"> <!-- ACCESSIBILITÉ : alt descriptif --> <img
+						src="./assets/images/camera.webp" alt="Appareil photo professionnel"> </div>
 			</div>
-		</div>
-	</div>
-</div>
-<div class="quote">
-	<figure>
-		<blockquote>
-			<h1 class="quote__text">De manière inconsciente, je crois, je guette un regard, une expression, des traits ou une nostalgie capable de résumer ou plus exactement de révéler une vie</h1>
-		</blockquote>
-		<figcaption class="quote__author">- Richard Avedon</figcaption>
-	</figure>
-</div>
-<div id="contact">
-	<div class="container">
-		<div class="form-container">
-			<h3>Une question ? Une demande de devis ?</h3>
-			<p> N’hésitez pas à m’écrire ! Je vous répondrais en moins de 24 heures</p>
-			<form action="" method="post">
-				<label>Nom</label>
-				<input type="text" name="nom" id="nom">
-				<label>Email</label>
-				<input type="email" name="email" id="email">
-				<label>Message</label>
-				<textarea name="message" id="message" cols="30" rows="10"></textarea>
-				<input type="submit" value="Envoyer"/>
-			</form>
-		</div>
-		<div class="picture right">
-			<img src="./assets/images/camera.png">
-		</div>
-	</div>
-</div>
+		</section>
+
+	</main>
 </body>
-</html>
+
+</html>
\ No newline at end of file