2025-11-04

2025-11-04 13:21:41 +01:00 · 2025-11-04 13:21:41 +01:00 · 71c35a497f
commit 71c35a497f
parent e4eaf6404a
1626 changed files with 5901 additions and 2182 deletions
--- a/web/app/themes/haiku-atelier-2024/views/404.twig
+++ b/web/app/themes/haiku-atelier-2024/views/404.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block contenu %}
  <main
--- a/web/app/themes/haiku-atelier-2024/views/a-propos.twig
+++ b/web/app/themes/haiku-atelier-2024/views/a-propos.twig
@ -1,13 +1,13 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

-{% import "macros/images.twig" as images %}
+{% import 'macros/images.twig' as images %}

 {% block contenu %}
  <main id="page-a-propos">
    <div class="storytelling">
      <div class="storytelling__conteneur">
        {{
-          images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout", "", dimensions_image[0], dimensions_image[1], "")
+          images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/about/haikuabout", '', dimensions_image[0], dimensions_image[1], '')
        }}

        {# Épingles #}
@ -20,6 +20,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -34,6 +35,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -48,6 +50,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -62,6 +65,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -76,6 +80,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -90,6 +95,7 @@
          <img
            alt=""
            height="56"
+            role="presentation"
            src="{{ site.theme.link }}/assets/img/icons/aboutlclick-black.svg"
            width="82"
          >
@ -107,6 +113,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
@ -131,6 +138,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
@ -157,6 +165,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
@ -184,6 +193,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
@ -210,6 +220,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
@ -240,6 +251,7 @@
            <img
              alt="An icon in form of a cross"
              height="20"
+              role="presentation"
              src="{{ site.theme.link }}/assets/img/icons/cross.svg"
              width="20"
            >
--- a/web/app/themes/haiku-atelier-2024/views/accueil.twig
+++ b/web/app/themes/haiku-atelier-2024/views/accueil.twig
@ -1,5 +1,5 @@
-{% extends "base.twig" %}
-{% import "macros/images.twig" as images %}
+{% extends 'base.twig' %}
+{% import 'macros/images.twig' as images %}

 {% block contenu %}
  <main
@ -15,6 +15,7 @@
        {# Animation #}
        <div class="storytelling__animation no-js">
          <svg
+            alt=""
            class="animation-conteneur"
            height="90px"
            preserveAspectRatio="xMidYMin"
@ -23,6 +24,7 @@
            xmlns="http://www.w3.org/2000/svg"
          >
            <svg
+              alt="Scroll down"
              class="animation-texte"
              height="100%"
              width="100%"
@ -130,7 +132,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", "", 903, 1080, "image-scroll1")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll1", '', 903, 1080, 'image-scroll1')
          }}
        </div>

@ -141,7 +143,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", "", 903, 1080, "image-scroll2")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll2", '', 903, 1080, 'image-scroll2')
          }}
        </div>

@ -152,7 +154,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", "", 903, 1080, "image-scroll3")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll3", '', 903, 1080, 'image-scroll3')
          }}
        </div>

@ -163,7 +165,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll4", "", 903, 1080, "image-scroll4")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll4", '', 903, 1080, 'image-scroll4')
          }}
        </div>

@ -174,7 +176,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", "", 903, 1080, "image-scroll5")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll5", '', 903, 1080, 'image-scroll5')
          }}
        </div>

@ -185,7 +187,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", "", 903, 1080, "image-scroll6")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll6", '', 903, 1080, 'image-scroll6')
          }}
        </div>

@ -196,7 +198,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", "", 903, 1080, "image-scroll7")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll7", '', 903, 1080, 'image-scroll7')
          }}
        </div>

@ -207,7 +209,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", "", 903, 1080, "image-scroll8")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll8", '', 903, 1080, 'image-scroll8')
          }}
        </div>

@ -218,7 +220,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", "", 903, 1080, "image-scroll9")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll9", '', 903, 1080, 'image-scroll9')
          }}
        </div>

@ -229,7 +231,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", "", 903, 1080, "image-scroll10")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll10", '', 903, 1080, 'image-scroll10')
          }}
        </div>

@ -240,7 +242,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", "", 903, 1080, "image-scroll11")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll11", '', 903, 1080, 'image-scroll11')
          }}
        </div>

@ -251,7 +253,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", "", 903, 1080, "image-scroll12")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll12", '', 903, 1080, 'image-scroll12')
          }}
        </div>

@ -262,7 +264,7 @@
          tabindex="-1"
        >
          {{
-            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", "", 903, 1080, "image-scroll13")
+            images.genere_source_img_multi_formats("#{ site.theme.link }/assets/img/storytelling/scroll13", '', 903, 1080, 'image-scroll13')
          }}
        </div>
      </div>
--- a/web/app/themes/haiku-atelier-2024/views/base.twig
+++ b/web/app/themes/haiku-atelier-2024/views/base.twig
@ -2,7 +2,7 @@
 <html lang="en">
  {# <head> #}
  {% block conteneur_html_head %}
-    {% include "parts/html-head.twig" %}
+    {{ include('parts/html-head.twig') }}

    {% block head %}
    {% endblock head %}
@ -13,7 +13,7 @@
    data-langue="{{ langue_courante }}"
  >
    {# En-tête #}
-    {% include "parts/en-tete.twig" %}
+    {{ include('parts/en-tete.twig') }}

    {# Contenu #}
    {% block contenu %}
@ -40,9 +40,9 @@

    {# Pied de page #}
    {% block footer %}
-      {% include "parts/pied-de-page.twig" %}
+      {{ include('parts/pied-de-page.twig') }}

-      {{ function("wp_footer") }}
+      {{ function('wp_footer') }}
    {% endblock footer %}
  </body>
 </html>
--- a/web/app/themes/haiku-atelier-2024/views/boutique.twig
+++ b/web/app/themes/haiku-atelier-2024/views/boutique.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block head %}
  <script>
@ -13,15 +13,15 @@

 {% block contenu %}
  {# Menu avec les catégories de produits #}
-  {% include "parts/menu-categories-produits.twig" %}
+  {{ include('parts/menu-categories-produits.twig') }}
  {# {% include "parts/bandeau.twig" %} #}

  <main id="page-boutique">
-    {% include "parts/pages/shop/grille-produits.twig" %}
+    {{ include('parts/pages/shop/grille-produits.twig') }}

    <div class="actions">
      <button
-        {{produits|length == 12 ? "" : "hidden"}}
+        {{ produits|length == 12 ? '' : 'hidden' }}
        class="bouton-case-pleine bouton-blanc-sur-noir"
        id="bouton-plus-de-produits"
        type="button"
--- a/web/app/themes/haiku-atelier-2024/views/cgv.twig
+++ b/web/app/themes/haiku-atelier-2024/views/cgv.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block contenu %}
  <main
--- a/web/app/themes/haiku-atelier-2024/views/contact.twig
+++ b/web/app/themes/haiku-atelier-2024/views/contact.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block contenu %}
  <main
--- a/web/app/themes/haiku-atelier-2024/views/echec-commande.twig
+++ b/web/app/themes/haiku-atelier-2024/views/echec-commande.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block contenu %}
  <main
--- a/web/app/themes/haiku-atelier-2024/views/macros/images.twig
+++ b/web/app/themes/haiku-atelier-2024/views/macros/images.twig
@ -1,4 +1,4 @@
-{% macro genere_source_img_multi_formats(rel_url, alt="", width, height, id="") %}
+{% macro genere_source_img_multi_formats(rel_url, alt = '', width, height, id = '') %}
  <picture id="{{ id }}">
    <source
      srcset="{{ rel_url }}.jxl"
--- a/web/app/themes/haiku-atelier-2024/views/panier.twig
+++ b/web/app/themes/haiku-atelier-2024/views/panier.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block head %}
  <script>
@ -17,9 +17,9 @@
    data-contient-articles="{{ articles_presents }}"
  >
    {# « Your Cart » #}
-    {% include "parts/pages/panier/panneau-panier.twig" %}
+    {{ include('parts/pages/panier/panneau-panier.twig') }}
    {# Your Info #}
-    {% include "parts/pages/panier/panneau-informations-client.twig" %}
+    {{ include('parts/pages/panier/panneau-informations-client.twig') }}

    <div class="panier-vide">
      <p>Sorry! Your cart is empty.</p>
--- a/web/app/themes/haiku-atelier-2024/views/parts/bandeau.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/bandeau.twig
@ -1,3 +1,4 @@
+{# Modèle pour un bandeau défilant horizontalement. #}
 <aside class="bandeau">
  <div class="bandeau__conteneur"> </div>
  <div class="bandeau__conteneur"> </div>
--- a/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/en-tete.twig
@ -1,20 +1,13 @@
 <header id="en-tete">
-  {# Bouton (dés)activant le menu mobile #}
  <div class="logo">
-    <button
-      aria-label="Button to toggle the mobile navigation menu for small screen sizes"
-      id="bouton-menu-mobile"
-      type="button"
+    <img
+      alt="Haiku Atelier's Logo"
+      decoding="async"
+      height="77"
+      loading="eager"
+      src="{{ site.theme.link }}/assets/img/logos/logo-v2-text.svg"
+      width="307"
    >
-      <img
-        alt="Haiku Atelier's Logo"
-        decoding="async"
-        height="77"
-        loading="eager"
-        src="{{ site.theme.link }}/assets/img/logos/logo-v2-text.svg"
-        width="307"
-      >
-    </button>
  </div>

  {# TODO: Utiliser un Menu WordPress ? #}
@ -24,11 +17,11 @@
  >
    <ul>
      <li
-        class="{{ page_courante == pages.home.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+        class="{{ page_courante == pages.home.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
      >
        <span>
          <a
-            {{ page_courante == pages.home.lien ? "aria-current=page" : ""}}
+            {{ page_courante == pages.home.lien ? 'aria-current=page' : '' }}
            class="lien-menu"
            href="{{ pages.home.lien }}"
          >
@ -37,11 +30,11 @@
        </span>
      </li>
      <li
-        class="{{ est_page_boutique ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+        class="{{ est_page_boutique ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
      >
        <span>
          <a
-            {{ est_page_boutique ? "aria-current=page" : ""}}
+            {{ est_page_boutique ? 'aria-current=page' : '' }}
            class="lien-menu"
            href="{{ pages.shop.lien }}"
          >
@ -50,11 +43,11 @@
        </span>
      </li>
      <li
-        class="{{ page_courante == pages.about.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+        class="{{ page_courante == pages.about.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
      >
        <span>
          <a
-            {{ page_courante == pages.about.lien ? "aria-current=page" : ""}}
+            {{ page_courante == pages.about.lien ? 'aria-current=page' : '' }}
            class="lien-menu"
            href="{{ pages.about.lien }}"
          >
@ -64,11 +57,11 @@
      </li>

      <li
-        class="{{ page_courante == pages.contact.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+        class="{{ page_courante == pages.contact.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
      >
        <span>
          <a
-            {{ page_courante == pages.contact.lien ? "aria-current=page" : ""}}
+            {{ page_courante == pages.contact.lien ? 'aria-current=page' : '' }}
            class="lien-menu"
            href="{{ pages.contact.lien }}"
          >
@ -79,16 +72,33 @@
    </ul>
  </nav>

-  {# Bouton « Panier » avec l'indicateur de quantité de Produits #}
-  <div class="compte-panier">
-    <a
-      class="lien-bouton"
-      data-contient-articles="{{ articles_presents }}"
-      href="{{ pages.cart.lien }}"
-      rel="cart"
+  <div class="conteneur">
+    {# Bouton « Panier » avec l'indicateur de quantité de Produits #}
+    <div class="compte-panier">
+      <a
+        class="lien-bouton"
+        data-contient-articles="{{ articles_presents }}"
+        href="{{ pages.cart.lien }}"
+        rel="cart"
+      >
+        cart ({{ quantite_articles }})
+      </a>
+    </div>
+
+    {# Bouton (dés)activant le menu mobile #}
+    <button
+      aria-label="Button to toggle the mobile navigation menu for small screen sizes"
+      class="bouton-menu-mobile"
+      id="bouton-menu-mobile"
+      type="button"
    >
-      cart ({{ quantite_articles }})
-    </a>
+      <img
+        alt="An icon representing an « Hamburger » menu"
+        decoding="async"
+        loading="eager"
+        src="{{ site.theme.link }}/assets/img/logos/logo-lines.svg"
+      >
+    </button>
  </div>

  {# Menu mobile #}
@ -110,11 +120,11 @@
      >
        <ul>
          <li
-            class="{{ page_courante == pages.home.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+            class="{{ page_courante == pages.home.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
          >
            <span>
              <a
-                {{ page_courante == pages.home.lien ? "aria-current=page" : ""}}
+                {{ page_courante == pages.home.lien ? 'aria-current=page' : '' }}
                class="lien-menu"
                href="{{ pages.home.lien }}"
              >
@ -124,11 +134,11 @@
          </li>

          <li
-            class="{{ est_page_boutique ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+            class="{{ est_page_boutique ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
          >
            <span>
              <a
-                {{ est_page_boutique ? "aria-current=page" : ""}}
+                {{ est_page_boutique ? 'aria-current=page' : '' }}
                class="lien-menu"
                href="{{ pages.shop.lien }}"
              >
@ -138,11 +148,11 @@
          </li>

          <li
-            class="{{ page_courante == pages.about.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+            class="{{ page_courante == pages.about.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
          >
            <span>
              <a
-                {{ page_courante == pages.about.lien ? "aria-current=page" : ""}}
+                {{ page_courante == pages.about.lien ? 'aria-current=page' : '' }}
                class="lien-menu"
                href="{{ pages.about.lien }}"
              >
@ -152,11 +162,11 @@
          </li>

          <li
-            class="{{ page_courante == pages.contact.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : "menu-navigation__entree" }}"
+            class="{{ page_courante == pages.contact.lien ? 'menu-navigation__entree menu-navigation__entree--courante' : 'menu-navigation__entree' }}"
          >
            <span>
              <a
-                {{ page_courante == pages.contact.lien ? "aria-current=page" : ""}}
+                {{ page_courante == pages.contact.lien ? 'aria-current=page' : '' }}
                class="lien-menu"
                href="{{ pages.contact.lien }}"
              >
--- a/web/app/themes/haiku-atelier-2024/views/parts/html-head.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/html-head.twig
@ -58,7 +58,7 @@
  >

  {# Plausible #}
-  {% if environnement == "production" %}
+  {% if environnement == 'production' %}
    <script
      data-domain="haikuatelier.com"
      defer
@ -66,5 +66,5 @@
    ></script>
  {% endif %}

-  {{ function("wp_head") }}
+  {{ function('wp_head') }}
 </head>
--- a/web/app/themes/haiku-atelier-2024/views/parts/menu-categories-produits.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/menu-categories-produits.twig
@ -5,8 +5,10 @@
  id="menu-categories-produits"
 >
  <svg
+    alt=""
    height="15"
    id="fleche-defilement-categories-produits-gauche"
+    role="presentation"
    transform="scale(-1 1)"
    viewBox="0 0 15 15"
    width="15"
@ -30,8 +32,10 @@
    {% endfor %}
  </ul>
  <svg
+    alt=""
    height="15"
    id="fleche-defilement-categories-produits-droite"
+    role="presentation"
    viewBox="0 0 15 15"
    width="15"
    xmlns="http://www.w3.org/2000/svg"
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-informations-client.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-informations-client.twig
@ -133,8 +133,8 @@
          >
            {% for cle, pays in pays_livraison %}
              <option
-                {{cle == adresse_livraison.country ? "selected" : ""}}
-                value="{{cle}}"
+                {{ cle == adresse_livraison.country ? 'selected' : '' }}
+                value="{{ cle }}"
              >
                {{ pays }}
              </option>
@ -267,8 +267,8 @@
          >
            {% for cle, pays in pays_livraison %}
              <option
-                {{cle == adresse_livraison.country ? "selected" : ""}}
-                value="{{cle}}"
+                {{ cle == adresse_livraison.country ? 'selected' : '' }}
+                value="{{ cle }}"
              >
                {{ pays }}
              </option>
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/panier/panneau-panier.twig
@ -40,12 +40,13 @@
          <div class="detail-produit__actions">
            <button
              class="detail-produit__actions__soustraction"
-              {{ produit.quantite < 1 ? "disabled" }}
+              {{ produit.quantite < 1 ? 'disabled' }}
              type="button"
            >
              -
            </button>
            <input
+              aria-label="Quantity selector"
              min="1"
              type="number"
              value="{{ produit.quantite }}"
@ -71,6 +72,7 @@

  <div class="panneau__instructions-code-promo">
    <textarea
+      aria-label="Special instructions for your order"
      class="panneau__instructions-code-promo__instructions"
      id="instructions-client"
      maxlength="2000"
@ -85,11 +87,12 @@
    <form
      action=""
      class="panneau__instructions-code-promo__code-promo"
-      {{ code_promo ? "data-code-promo-present" }}
+      {{ code_promo ? 'data-code-promo-present' }}
      id="ensemble-code-promo"
    >
      <input
-        {{ code_promo ? "disabled" }}
+        {{ code_promo ? 'disabled' }}
+        aria-label="DIscount code or gift card"
        id="champ-code-promo"
        maxlength="20"
        minlength="3"
@ -104,7 +107,7 @@
        id="bouton-code-promo"
        type="button"
      >
-        {{ code_promo ? "Remove" : "Apply" }}
+        {{ code_promo ? 'Remove' : 'Apply' }}
      </button>

      <p class="panneau__instructions-code-promo__code-promo__message"></p>
@ -123,7 +126,7 @@
    <div
      class="panneau__sous-totaux__ligne"
      id="sous-total-reduction"
-      {{ not code_promo ? "hidden"}}
+      {{ not code_promo ? 'hidden' }}
    >
      <p>Discount:</p>
      <p><strong>-{{ sous_total_reduction }}€</strong></p>
@ -147,7 +150,7 @@

    <fieldset
      class="panneau__sous-totaux__choix-methode-livraison"
-      {{ not adresse_renseignee ? "hidden" }}
+      {{ not adresse_renseignee ? 'hidden' }}
      id="choix-methode-livraison"
    >
      <label>Select your shipping method</label>
@ -155,7 +158,7 @@
      {% for methode_livraison in methodes_livraison %}
        <div data-methode-initiale>
          <input
-            {{ methode_livraison.selectionnee ? "checked"}}
+            {{ methode_livraison.selectionnee ? 'checked' }}
            data-prix="{{ methode_livraison.prix }}"
            id="methode-livraison-{{ methode_livraison.id }}"
            name="choix-methode-livraison"
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/grille-produits-similaires.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/grille-produits-similaires.twig
@ -2,7 +2,7 @@
  {% for produit in produits_meme_collection %}
    {# TODO: Trouver une meilleure arborescence et des noms de classe #}
    <article class="produit">
-      <figure>
+      <figure role="figure">
        <a href="{{ produit.url }}">
          <picture class="produit__illustration produit__illustration__principale">
            {{ produit.photo_repos }}
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/informations-produit.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/informations-produit.twig
@ -109,7 +109,7 @@
  <div class="details-produit__actions">
    <button
      class="bouton-case-pleine"
-      {{ variations_produit|length > 1 ? "disabled" : "" }}
+      {{ variations_produit|length > 1 ? 'disabled' : '' }}
      id="bouton-ajout-panier"
      type="button"
    >
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/photos-produit.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/photos-produit.twig
@ -4,7 +4,10 @@
    class="colonne colonne-gauche"
  >
    {% for photo in produit.photos_colonne_gauche %}
-      <figure data-index="0">
+      <figure
+        data-index="0"
+        role="figure"
+      >
        <picture>
          {{ photo }}
        </picture>
@ -17,7 +20,10 @@
    class="colonne colonne-droite"
  >
    {% for photo in produit.photos_colonne_droite %}
-      <figure data-index="{{ loop.index }}">
+      <figure
+        data-index="{{ loop.index }}"
+        role="figure"
+      >
        <picture>
          {{ photo }}
        </picture>
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/produits-similaires.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/produit/produits-similaires.twig
@ -4,5 +4,5 @@
 >
  <header><h2>From the same Collection</h2></header>

-  {% include "parts/pages/produit/grille-produits-similaires.twig" %}
+  {{ include('parts/pages/produit/grille-produits-similaires.twig') }}
 </section>
--- a/web/app/themes/haiku-atelier-2024/views/parts/pages/shop/grille-produits.twig
+++ b/web/app/themes/haiku-atelier-2024/views/parts/pages/shop/grille-produits.twig
@ -7,7 +7,7 @@
    {% for produit in produits %}
      {# TODO: Trouver une meilleure arborescence et des noms de classe #}
      <article class="produit">
-        <figure>
+        <figure role="figure">
          <a href="{{ produit.url }}">
            <picture class="produit__illustration produit__illustration__principale">
              {{ produit.photo_repos }}
--- a/web/app/themes/haiku-atelier-2024/views/produit.twig
+++ b/web/app/themes/haiku-atelier-2024/views/produit.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block head %}
  <script>
@ -20,16 +20,16 @@

 {% block contenu %}
  {# Menu des catégories de Produits #}
-  {% include "parts/menu-categories-produits.twig" %}
+  {{ include('parts/menu-categories-produits.twig') }}

  {# Photos du Produit #}
-  {% include "parts/pages/produit/photos-produit.twig" %}
+  {{ include('parts/pages/produit/photos-produit.twig') }}

  {# Boîte des information du Produit #}
-  {% include "parts/pages/produit/informations-produit.twig" %}
+  {{ include('parts/pages/produit/informations-produit.twig') }}

  {# Produits de la même Collection (Produits similaires) #}
-  {% if produit.collection != "" %}
-    {% include "parts/pages/produit/produits-similaires.twig" %}
+  {% if produit.collection != '' %}
+    {{ include('parts/pages/produit/produits-similaires.twig') }}
  {% endif %}
 {% endblock contenu %}
--- a/web/app/themes/haiku-atelier-2024/views/succes-commande.twig
+++ b/web/app/themes/haiku-atelier-2024/views/succes-commande.twig
@ -1,4 +1,4 @@
-{% extends "base.twig" %}
+{% extends 'base.twig' %}

 {% block contenu %}
  <main id="page-succes-commande">