From 84839ee8bede9f1a8d5a2aec67ce8c25e1e93e37 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Tue, 13 Aug 2024 14:30:23 +0100
Subject: [PATCH 1/4] Harmony > img > Add missing "alt"

---
 themes/harmony/assets/add-to-cart.js           | 2 +-
 themes/harmony/sections/main-cart.liquid       | 2 +-
 themes/harmony/sections/main-search.liquid     | 3 ++-
 themes/harmony/sections/main-video.liquid      | 2 +-
 themes/harmony/sections/thankyou.liquid        | 2 +-
 themes/harmony/snippets/product-preview.liquid | 4 ++--
 themes/harmony/snippets/product-slider.liquid  | 6 +++++-
 themes/harmony/snippets/reviews.liquid         | 2 +-
 8 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/themes/harmony/assets/add-to-cart.js b/themes/harmony/assets/add-to-cart.js
index 57aa7cd0..46b63e5a 100644
--- a/themes/harmony/assets/add-to-cart.js
+++ b/themes/harmony/assets/add-to-cart.js
@@ -147,7 +147,7 @@ function cartTemplate(item) {
     <li class="cart-item">
       <div class="item-body">
         <div class="right-items">
-          ${imageUrl && `<img src="${imageUrl}" />`}
+          ${imageUrl && `<img src="${imageUrl}" alt="${item.productVariant.product.name}" />`}
           <div class="item-details">
             <p class="product-name">${item.productVariant.product.name}</p>
             <div class="variants">
diff --git a/themes/harmony/sections/main-cart.liquid b/themes/harmony/sections/main-cart.liquid
index 3c814583..905053ff 100644
--- a/themes/harmony/sections/main-cart.liquid
+++ b/themes/harmony/sections/main-cart.liquid
@@ -34,7 +34,7 @@
               <div class="product-preview">
                 <div class="cell">
                   <div class='product-image'>
-                    <img loading='lazy' src='{{ item.image }}' alt='product-name'>
+                    <img loading='lazy' src='{{ item.image }}' alt='{{ item.name  }}'>
                   </div>
                 </div>
               </div>
diff --git a/themes/harmony/sections/main-search.liquid b/themes/harmony/sections/main-search.liquid
index 19ee9a84..98657306 100644
--- a/themes/harmony/sections/main-search.liquid
+++ b/themes/harmony/sections/main-search.liquid
@@ -39,7 +39,8 @@
               {% else %}
                 <img
                   loading='lazy'
-                  src='{{ 'fallback-product-img.webp' | asset_url }}'
+                  src='{{ 'default_product.jpeg' | asset_url }}'
+                  alt="{{ item.name }}"
                 >
               {% endif %}
             </div>
diff --git a/themes/harmony/sections/main-video.liquid b/themes/harmony/sections/main-video.liquid
index d1a57ec9..9e9288ca 100644
--- a/themes/harmony/sections/main-video.liquid
+++ b/themes/harmony/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy'>
+        <img class='youtube-thumbnail' src='' loading='lazy' alt="YouTube Thumbnail">
         <div class='youtube-play-button'></div>
         <div class="spinner video-spinner"></div>
       </div>
diff --git a/themes/harmony/sections/thankyou.liquid b/themes/harmony/sections/thankyou.liquid
index f87e8591..b2b508a9 100644
--- a/themes/harmony/sections/thankyou.liquid
+++ b/themes/harmony/sections/thankyou.liquid
@@ -35,7 +35,7 @@
       <ul class="product-list">
         {% for item in order.order_variants %}
           <li class="product-item">
-            <img class="product-image" src="{{- item.image -}}" />
+            <img class="product-image" src="{{- item.image -}}" alt="{{- item.name -}}" />
             <div class="product-details">
               <a class="product-name" href="/products/{{- item.slug -}}" target="_blank">{{- item.name -}}</a>
               <ul class="product-variations">
diff --git a/themes/harmony/snippets/product-preview.liquid b/themes/harmony/snippets/product-preview.liquid
index 457319b2..8aef98a0 100644
--- a/themes/harmony/snippets/product-preview.liquid
+++ b/themes/harmony/snippets/product-preview.liquid
@@ -19,9 +19,9 @@
       {% endif %}
     </div>
     {% if item.thumbnail %}
-      <img loading='lazy' src='{{ item.thumbnail }}'>
+      <img loading='lazy' src='{{ item.thumbnail }}' alt="{{ item.name }}">
     {% else %}
-      <img loading='lazy' src='{{ 'default_product.jpeg' | asset_url }}'>
+      <img loading='lazy' src='{{ 'default_product.jpeg' | asset_url }}' alt="{{ item.name }}">
     {% endif %}
   </div>
   <div class='product-details'>
diff --git a/themes/harmony/snippets/product-slider.liquid b/themes/harmony/snippets/product-slider.liquid
index 565a3bbe..6da59e1b 100644
--- a/themes/harmony/snippets/product-slider.liquid
+++ b/themes/harmony/snippets/product-slider.liquid
@@ -48,7 +48,11 @@
             <a href='{{ block.settings.product.url }}' class='product-block'>
               <div class="product-slider">
                 <div class='product-thumbnail'>
-                  <img loading='lazy' src='{%- if block.settings.product.thumbnail -%} {{ block.settings.product.thumbnail }} {%- else -%} {{ 'default_product.jpeg' | asset_url }} {%- endif -%}'>
+                  <img 
+                    loading='lazy' 
+                    src='{%- if block.settings.product.thumbnail -%} {{ block.settings.product.thumbnail }} {%- else -%} {{ 'default_product.jpeg' | asset_url }} {%- endif -%}'
+                    alt='{{ block.settings.product.name }}'
+                  >
                   {% if block.settings.tag_text %}
                     <div class="tag {{ section_settings.tag_position }}" style="background: {{ section_settings.banner_background_color.hex }}; color: {{ section_settings.tag_text_color.hex }}">
                       {{ block.settings.tag_text }}
diff --git a/themes/harmony/snippets/reviews.liquid b/themes/harmony/snippets/reviews.liquid
index 09e1adcb..d0a704b2 100644
--- a/themes/harmony/snippets/reviews.liquid
+++ b/themes/harmony/snippets/reviews.liquid
@@ -48,7 +48,7 @@
                 {{ 'reviews.upload_image' | t }}
               </span>
             </div>
-            <img class="uploaded-image" onclick="showExpandedImageView(this);" />
+            <img class="uploaded-image" alt="Uploaded Image" onclick="showExpandedImageView(this);" />
             <button class="add-more" type="button" onclick="event.stopPropagation(); uploadReviewImage(this.parentElement, event);">+</button>
           </div>
           <div class="image-big-view" onclick="hideExpandedImageView(this)" style="display: none;">

From def69466f4f8b9f71f0fffb360f7ab422c6fdb3c Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Tue, 13 Aug 2024 15:23:35 +0100
Subject: [PATCH 2/4] Aura > img > Add missing ""alt

---
 themes/aura/assets/add-to-cart.js              | 2 +-
 themes/aura/sections/main-cart.liquid          | 2 +-
 themes/aura/sections/main-page.liquid          | 2 +-
 themes/aura/sections/main-search.liquid        | 1 +
 themes/aura/sections/main-video.liquid         | 2 +-
 themes/aura/sections/multi-column.liquid       | 7 ++++++-
 themes/aura/sections/notice-bar.liquid         | 2 +-
 themes/aura/snippets/collection-preview.liquid | 2 ++
 themes/aura/snippets/product-card.liquid       | 2 +-
 themes/aura/snippets/product-preview.liquid    | 2 ++
 themes/aura/snippets/product-slider.liquid     | 1 +
 themes/aura/snippets/reviews.liquid            | 2 +-
 themes/aura/snippets/subCategory.liquid        | 2 ++
 13 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/themes/aura/assets/add-to-cart.js b/themes/aura/assets/add-to-cart.js
index 75fcd733..11da4513 100644
--- a/themes/aura/assets/add-to-cart.js
+++ b/themes/aura/assets/add-to-cart.js
@@ -141,7 +141,7 @@ function cartTemplate(item) {
     <li class="cart-item">
       <div class="item-body">
       <div class="right-items">
-        ${imageUrl && `<img src="${imageUrl}" />`}
+        ${imageUrl && `<img src="${imageUrl}" alt="${item.productVariant.product.name}" />`}
         <div class="item-details">
           <p class="product-name">${item.productVariant.product.name}</p>
           <div class="variants">
diff --git a/themes/aura/sections/main-cart.liquid b/themes/aura/sections/main-cart.liquid
index afeed17d..8d58ec82 100644
--- a/themes/aura/sections/main-cart.liquid
+++ b/themes/aura/sections/main-cart.liquid
@@ -29,7 +29,7 @@
       <div class="row cart__item" id='{{ item.id }}'>
         <div class="cell">
             <div class='product-image'>
-              <img loading='lazy' src='{{ item.image }}' alt='product-name'>
+              <img loading='lazy' src='{{ item.image }}' alt='{{ item.name }}'>
             </div>
         </div>
         <div class='cell'>
diff --git a/themes/aura/sections/main-page.liquid b/themes/aura/sections/main-page.liquid
index 44431f6e..aab10a96 100644
--- a/themes/aura/sections/main-page.liquid
+++ b/themes/aura/sections/main-page.liquid
@@ -7,7 +7,7 @@
         <a href="/" class="first-listing">{{ 'snippets.collection-listing.home' | t }}</a>
       </div>
       <div class="listings__item">
-        <img src='{{ 'left-arrow.png' | asset_url }}'>
+        <img src='{{ 'left-arrow.png' | asset_url }}' alt='Left Arrow' >
       </div>
       <div class="listings__item">
         <span class="second-listing">{{ page.name }}</span>
diff --git a/themes/aura/sections/main-search.liquid b/themes/aura/sections/main-search.liquid
index dfbd6902..afc52c1f 100644
--- a/themes/aura/sections/main-search.liquid
+++ b/themes/aura/sections/main-search.liquid
@@ -40,6 +40,7 @@
                 <img
                   loading='lazy'
                   src='{{ 'fallback-product-img.webp' | asset_url }}'
+                  alt='{{ item.name }}'
                 >
               {% endif %}
             </div>
diff --git a/themes/aura/sections/main-video.liquid b/themes/aura/sections/main-video.liquid
index d1a57ec9..7f2a5b0f 100644
--- a/themes/aura/sections/main-video.liquid
+++ b/themes/aura/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy'>
+        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube Thumbnail'>
         <div class='youtube-play-button'></div>
         <div class="spinner video-spinner"></div>
       </div>
diff --git a/themes/aura/sections/multi-column.liquid b/themes/aura/sections/multi-column.liquid
index 44415465..f6e60755 100644
--- a/themes/aura/sections/multi-column.liquid
+++ b/themes/aura/sections/multi-column.liquid
@@ -110,7 +110,12 @@
         <div class='column-block' {{ block.youcan_attributes }}>
           {% if block_setting.image %}
             <div class="column-image-wrapper">
-              <img class='column-image' src='{{ block_setting.image.src }}' loading='lazy'>
+              <img 
+                class='column-image' 
+                src='{{ block_setting.image.src }}' 
+                loading='lazy'
+                alt='{{ block_setting.heading }}'
+              >
             </div>
           {% else %}
             <div class="column-image-wrapper">
diff --git a/themes/aura/sections/notice-bar.liquid b/themes/aura/sections/notice-bar.liquid
index 4e767ffe..0e4ef3d6 100644
--- a/themes/aura/sections/notice-bar.liquid
+++ b/themes/aura/sections/notice-bar.liquid
@@ -16,7 +16,7 @@
 {%- if section.settings.notice_bar_show %}
   <div class='yc-notice'>
     <div class='content container '>
-      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}'>{%- endif -%}
+      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}' alt='Notice Logo'>{%- endif -%}
       <div class="notice-content">
         {{ section.settings.notice_bar_content }}
       </div>
diff --git a/themes/aura/snippets/collection-preview.liquid b/themes/aura/snippets/collection-preview.liquid
index 32e8742b..9a9e4ca4 100644
--- a/themes/aura/snippets/collection-preview.liquid
+++ b/themes/aura/snippets/collection-preview.liquid
@@ -8,11 +8,13 @@
       <img
         loading='lazy'
         src='{{ category.image }}'
+        alt='{{ category.name }}'
       >
     {% else %}
       <img
         loading='lazy'
         src='{{ 'default_product.jpeg' | asset_url }}'
+        alt='{{ category.name }}'
       >
     {% endif %}
   </div>
diff --git a/themes/aura/snippets/product-card.liquid b/themes/aura/snippets/product-card.liquid
index 3a5e43b1..bbdf8464 100644
--- a/themes/aura/snippets/product-card.liquid
+++ b/themes/aura/snippets/product-card.liquid
@@ -6,7 +6,7 @@
       <img
         class="main-image"
         src="{% if product.images.size > 0 %}{{ product.images.first }}{% else %}{{ 'default_product.jpeg' | asset_url }}{% endif %}"
-        alt="product image">
+        alt="{{ product.name }}">
     </div>
     <div class="details">
       <span class="product-name" id="product-name"></span>
diff --git a/themes/aura/snippets/product-preview.liquid b/themes/aura/snippets/product-preview.liquid
index a2b1f025..7e3bd9c5 100644
--- a/themes/aura/snippets/product-preview.liquid
+++ b/themes/aura/snippets/product-preview.liquid
@@ -11,11 +11,13 @@
       <img
         loading='lazy'
         src='{{ item.thumbnail }}'
+        alt='{{ item.name }}'
       >
     {% else %}
       <img
         loading='lazy'
         src='{{ 'default_product.jpeg' | asset_url }}'
+        alt='{{ item.name }}'
       >
     {% endif %}
     {% if block_settings.tag_text %}
diff --git a/themes/aura/snippets/product-slider.liquid b/themes/aura/snippets/product-slider.liquid
index f2129eec..314bc1ef 100644
--- a/themes/aura/snippets/product-slider.liquid
+++ b/themes/aura/snippets/product-slider.liquid
@@ -70,6 +70,7 @@
                   <img
                     loading='lazy'
                     src='{%- if block.settings.product.thumbnail -%} {{ block.settings.product.thumbnail }} {%- else -%} {{ 'default_product.jpeg' | asset_url }} {%- endif -%}'
+                    alt='{{ block.settings.product.name }}'
                     >
                     {% if block.settings.tag_text %}
                       <div
diff --git a/themes/aura/snippets/reviews.liquid b/themes/aura/snippets/reviews.liquid
index 0b10ff37..f29d25a3 100644
--- a/themes/aura/snippets/reviews.liquid
+++ b/themes/aura/snippets/reviews.liquid
@@ -49,7 +49,7 @@
                 {{ 'reviews.upload_image' | t }}
               </span>
             </div>
-            <img class="uploaded-image" onclick="showExpandedImageView(this);" />
+            <img class="uploaded-image" onclick="showExpandedImageView(this);" alt="Uploaded Image" />
             <button class="add-more" type="button" onclick="event.stopPropagation(); uploadReviewImage(this.parentElement, event);">+</button>
           </div>
           <div class="image-big-view" onclick="hideExpandedImageView(this)" style="display: none;">
diff --git a/themes/aura/snippets/subCategory.liquid b/themes/aura/snippets/subCategory.liquid
index 4d3bb647..cad13ff8 100644
--- a/themes/aura/snippets/subCategory.liquid
+++ b/themes/aura/snippets/subCategory.liquid
@@ -7,11 +7,13 @@
         <img
           loading='lazy'
           src='{{ subcategory.image }}'
+          alt='{{ subcategory.name }}'
         >
       {% else %}
         <img
           loading='lazy'
           src='{{ 'default_product.jpeg' | asset_url }}'
+          alt='{{ subcategory.name }}'
         >
       {% endif %}
     </div>

From 6f2cb381d9d335065a1faa21f7e9aaf6c1fb1496 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Tue, 13 Aug 2024 15:49:05 +0100
Subject: [PATCH 3/4] Meraky > img > Add missing "alt"

---
 themes/meraki/assets/add-to-cart.js                | 2 +-
 themes/meraki/sections/featured-collections.liquid | 2 +-
 themes/meraki/sections/main-cart.liquid            | 2 +-
 themes/meraki/sections/main-page.liquid            | 2 +-
 themes/meraki/sections/main-search.liquid          | 1 +
 themes/meraki/sections/main-video.liquid           | 2 +-
 themes/meraki/sections/multi-column.liquid         | 1 +
 themes/meraki/sections/notice-bar.liquid           | 2 +-
 themes/meraki/sections/thankyou.liquid             | 2 +-
 themes/meraki/snippets/collection-preview.liquid   | 2 ++
 themes/meraki/snippets/product-card.liquid         | 2 +-
 themes/meraki/snippets/product-preview.liquid      | 4 ++--
 themes/meraki/snippets/product-slider.liquid       | 3 ++-
 themes/meraki/snippets/reviews.liquid              | 2 +-
 themes/meraki/snippets/subCategory.liquid          | 2 ++
 15 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/themes/meraki/assets/add-to-cart.js b/themes/meraki/assets/add-to-cart.js
index e41acf27..799b6223 100644
--- a/themes/meraki/assets/add-to-cart.js
+++ b/themes/meraki/assets/add-to-cart.js
@@ -98,7 +98,7 @@ function cartTemplate(item) {
   return `
     <li class="cart-item">
       <div class="item-body">
-        ${imageUrl && `<img src="${imageUrl}" />`}
+        ${imageUrl && `<img src="${imageUrl}" alt="${item.productVariant.product.name}" />`}
         <div class="item-details">
           <p class="product-name">${item.productVariant.product.name}</p>
           <div class="variants">
diff --git a/themes/meraki/sections/featured-collections.liquid b/themes/meraki/sections/featured-collections.liquid
index 5c7e8c70..6c385ef7 100644
--- a/themes/meraki/sections/featured-collections.liquid
+++ b/themes/meraki/sections/featured-collections.liquid
@@ -38,7 +38,7 @@
               {% endif %}
             </div>
             {% if block.settings.category.image %}
-                <img src='{{ block.settings.category.image }}' class="category-img">
+                <img src='{{ block.settings.category.image }}' class="category-img" alt='{{ block.settings.category.name }}'>
             {% endif %}
           </div>
         </div>
diff --git a/themes/meraki/sections/main-cart.liquid b/themes/meraki/sections/main-cart.liquid
index 618b18b7..581c1d3b 100644
--- a/themes/meraki/sections/main-cart.liquid
+++ b/themes/meraki/sections/main-cart.liquid
@@ -21,7 +21,7 @@
           <div class="row cart__item" id='{{ item.id }}'>
             <div class="cell">
               <div class='product-image'>
-                <img loading='lazy' src='{{ item.image }}' alt='product-name'>
+                <img loading='lazy' src='{{ item.image }}' alt='{{ item.name }}'>
               </div>
             </div>
             <div class='cell mobile-view'>
diff --git a/themes/meraki/sections/main-page.liquid b/themes/meraki/sections/main-page.liquid
index 44431f6e..b396e611 100644
--- a/themes/meraki/sections/main-page.liquid
+++ b/themes/meraki/sections/main-page.liquid
@@ -7,7 +7,7 @@
         <a href="/" class="first-listing">{{ 'snippets.collection-listing.home' | t }}</a>
       </div>
       <div class="listings__item">
-        <img src='{{ 'left-arrow.png' | asset_url }}'>
+        <img src='{{ 'left-arrow.png' | asset_url }}' alt='Left arrow'>
       </div>
       <div class="listings__item">
         <span class="second-listing">{{ page.name }}</span>
diff --git a/themes/meraki/sections/main-search.liquid b/themes/meraki/sections/main-search.liquid
index 1c2b234b..514c450f 100644
--- a/themes/meraki/sections/main-search.liquid
+++ b/themes/meraki/sections/main-search.liquid
@@ -44,6 +44,7 @@
                 <img
                   loading='lazy'
                   src='{{ 'fallback-product-img.webp' | asset_url }}'
+                  alt='{{ item.name }}'
                 >
               {% endif %}
             </div>
diff --git a/themes/meraki/sections/main-video.liquid b/themes/meraki/sections/main-video.liquid
index cee01b6a..0d2129e7 100644
--- a/themes/meraki/sections/main-video.liquid
+++ b/themes/meraki/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy'>
+        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube Thumbnail'>
         <div class='youtube-play-button'>
           <div class="triangle"></div>
         </div>
diff --git a/themes/meraki/sections/multi-column.liquid b/themes/meraki/sections/multi-column.liquid
index 0b779353..db5d140b 100644
--- a/themes/meraki/sections/multi-column.liquid
+++ b/themes/meraki/sections/multi-column.liquid
@@ -135,6 +135,7 @@
               class='column-image'
               src='{{ block_setting.image.src }}'
               loading='lazy'
+              alt='{{ block_setting.heading  }}'
             >
           </div>
           {% else %}
diff --git a/themes/meraki/sections/notice-bar.liquid b/themes/meraki/sections/notice-bar.liquid
index 19261f8f..10e9387c 100644
--- a/themes/meraki/sections/notice-bar.liquid
+++ b/themes/meraki/sections/notice-bar.liquid
@@ -16,7 +16,7 @@
 {%- if section.settings.notice_bar_show %}
   <div class='yc-notice'>
     <div class='content container '>
-      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}'>{%- endif -%}
+      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}' alt='Notice logo'>{%- endif -%}
       <div class="notice-content">
         {{ section.settings.notice_bar_content }}
       </div>
diff --git a/themes/meraki/sections/thankyou.liquid b/themes/meraki/sections/thankyou.liquid
index 9d92616d..2660839e 100644
--- a/themes/meraki/sections/thankyou.liquid
+++ b/themes/meraki/sections/thankyou.liquid
@@ -34,7 +34,7 @@
       <ul class="product-list">
         {% for item in order.order_variants %}
           <li class="product-item">
-            <img class="product-image" src="{{- item.image -}}" />
+            <img class="product-image" src="{{- item.image -}}" alt="{{- item.name -}}" />
             <div class="product-details">
               <a class="product-name" href="/products/{{- item.slug -}}" target="_blank">{{- item.name -}}</a>
               <ul class="product-variations">
diff --git a/themes/meraki/snippets/collection-preview.liquid b/themes/meraki/snippets/collection-preview.liquid
index 68c4d5f1..0dbda4ac 100644
--- a/themes/meraki/snippets/collection-preview.liquid
+++ b/themes/meraki/snippets/collection-preview.liquid
@@ -7,11 +7,13 @@
       <img
         loading='lazy'
         src='{{ category.image }}'
+        alt='{{ category.name }}'
       >
     {% else %}
       <img
         loading='lazy'
         src='{{ 'default_product.jpeg' | asset_url }}'
+        alt='{{ category.name }}'
       >
     {% endif %}
     <div class='collection-details'>
diff --git a/themes/meraki/snippets/product-card.liquid b/themes/meraki/snippets/product-card.liquid
index 5b067106..65f3c80e 100644
--- a/themes/meraki/snippets/product-card.liquid
+++ b/themes/meraki/snippets/product-card.liquid
@@ -5,7 +5,7 @@
     <img
       class="main-image"
       src="{% if product.images.size > 0 %}{{ product.images.first }}{% else %}{{ 'default_product.jpeg' | asset_url }}{% endif %}"
-      alt="product image">
+      alt="{{ product.name }}">
   </div>
   <div class="details">
     <span class="product-name" id="product-name"></span>
diff --git a/themes/meraki/snippets/product-preview.liquid b/themes/meraki/snippets/product-preview.liquid
index 8e36b5f7..66890d28 100644
--- a/themes/meraki/snippets/product-preview.liquid
+++ b/themes/meraki/snippets/product-preview.liquid
@@ -16,9 +16,9 @@
     </div>
 
     {% if item.thumbnail %}
-      <img loading='lazy' src='{{ item.thumbnail }}'>
+      <img loading='lazy' src='{{ item.thumbnail }}' alt='{{ item.name }}'>
     {% else %}
-      <img loading='lazy' src='{{ 'default_product.jpeg' | asset_url }}'>
+      <img loading='lazy' src='{{ 'default_product.jpeg' | asset_url }}' alt='{{ item.name }}'>
     {% endif %}
   </div>
   <div class='product-details'>
diff --git a/themes/meraki/snippets/product-slider.liquid b/themes/meraki/snippets/product-slider.liquid
index 1f535138..7ebbb429 100644
--- a/themes/meraki/snippets/product-slider.liquid
+++ b/themes/meraki/snippets/product-slider.liquid
@@ -55,7 +55,8 @@
                   <img
                     loading='lazy'
                     src='{%- if block.settings.product.thumbnail -%} {{ block.settings.product.thumbnail }} {%- else -%} {{ 'default_product.jpeg' | asset_url }} {%- endif -%}'
-                    >
+                    alt='{{ block.settings.product.name }}'
+                  >
                     {% if block.settings.tag_text %}
                       <div
                         class="tag {{ section_settings.tag_position }}"
diff --git a/themes/meraki/snippets/reviews.liquid b/themes/meraki/snippets/reviews.liquid
index a0bd3e9d..cca817ff 100644
--- a/themes/meraki/snippets/reviews.liquid
+++ b/themes/meraki/snippets/reviews.liquid
@@ -50,7 +50,7 @@
                   {{ 'reviews.upload_image' | t }}
                 </span>
               </div>
-              <img class="uploaded-image" onclick="showExpandedImageView(this);" />
+              <img class="uploaded-image" onclick="showExpandedImageView(this);" alt="Uploaded image" />
               <button class="add-more" type="button" onclick="event.stopPropagation(); uploadReviewImage(this.parentElement, event);">+</button>
             </div>
             <div class="image-big-view" onclick="hideExpandedImageView(this)" style="display: none;">
diff --git a/themes/meraki/snippets/subCategory.liquid b/themes/meraki/snippets/subCategory.liquid
index 4d3bb647..cad13ff8 100644
--- a/themes/meraki/snippets/subCategory.liquid
+++ b/themes/meraki/snippets/subCategory.liquid
@@ -7,11 +7,13 @@
         <img
           loading='lazy'
           src='{{ subcategory.image }}'
+          alt='{{ subcategory.name }}'
         >
       {% else %}
         <img
           loading='lazy'
           src='{{ 'default_product.jpeg' | asset_url }}'
+          alt='{{ subcategory.name }}'
         >
       {% endif %}
     </div>

From f98f3bed846852306e0957809de1a8693ab474b4 Mon Sep 17 00:00:00 2001
From: Badreddine Ibril <badreddine.ibril@youcan.shop>
Date: Tue, 13 Aug 2024 16:00:20 +0100
Subject: [PATCH 4/4] Self review

---
 themes/aura/sections/main-page.liquid             | 2 +-
 themes/aura/sections/main-video.liquid            | 2 +-
 themes/aura/sections/notice-bar.liquid            | 2 +-
 themes/aura/snippets/reviews.liquid               | 2 +-
 themes/harmony/sections/main-video.liquid         | 2 +-
 themes/harmony/sections/multi-column.liquid       | 1 +
 themes/harmony/snippets/collection-preview.liquid | 2 ++
 themes/harmony/snippets/product-card.liquid       | 2 +-
 themes/harmony/snippets/reviews.liquid            | 2 +-
 themes/harmony/snippets/subCategory.liquid        | 2 ++
 themes/meraki/sections/main-video.liquid          | 2 +-
 11 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/themes/aura/sections/main-page.liquid b/themes/aura/sections/main-page.liquid
index aab10a96..fadff15f 100644
--- a/themes/aura/sections/main-page.liquid
+++ b/themes/aura/sections/main-page.liquid
@@ -7,7 +7,7 @@
         <a href="/" class="first-listing">{{ 'snippets.collection-listing.home' | t }}</a>
       </div>
       <div class="listings__item">
-        <img src='{{ 'left-arrow.png' | asset_url }}' alt='Left Arrow' >
+        <img src='{{ 'left-arrow.png' | asset_url }}' alt='Left arrow' >
       </div>
       <div class="listings__item">
         <span class="second-listing">{{ page.name }}</span>
diff --git a/themes/aura/sections/main-video.liquid b/themes/aura/sections/main-video.liquid
index 7f2a5b0f..8edea8ef 100644
--- a/themes/aura/sections/main-video.liquid
+++ b/themes/aura/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube Thumbnail'>
+        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube thumbnail'>
         <div class='youtube-play-button'></div>
         <div class="spinner video-spinner"></div>
       </div>
diff --git a/themes/aura/sections/notice-bar.liquid b/themes/aura/sections/notice-bar.liquid
index 0e4ef3d6..a073e393 100644
--- a/themes/aura/sections/notice-bar.liquid
+++ b/themes/aura/sections/notice-bar.liquid
@@ -16,7 +16,7 @@
 {%- if section.settings.notice_bar_show %}
   <div class='yc-notice'>
     <div class='content container '>
-      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}' alt='Notice Logo'>{%- endif -%}
+      {%- if section.settings.notice_bar_logo.src -%} <img src='{{ section.settings.notice_bar_logo.src }}' alt='Notice logo'>{%- endif -%}
       <div class="notice-content">
         {{ section.settings.notice_bar_content }}
       </div>
diff --git a/themes/aura/snippets/reviews.liquid b/themes/aura/snippets/reviews.liquid
index f29d25a3..b83125ed 100644
--- a/themes/aura/snippets/reviews.liquid
+++ b/themes/aura/snippets/reviews.liquid
@@ -49,7 +49,7 @@
                 {{ 'reviews.upload_image' | t }}
               </span>
             </div>
-            <img class="uploaded-image" onclick="showExpandedImageView(this);" alt="Uploaded Image" />
+            <img class="uploaded-image" onclick="showExpandedImageView(this);" alt="Uploaded image" />
             <button class="add-more" type="button" onclick="event.stopPropagation(); uploadReviewImage(this.parentElement, event);">+</button>
           </div>
           <div class="image-big-view" onclick="hideExpandedImageView(this)" style="display: none;">
diff --git a/themes/harmony/sections/main-video.liquid b/themes/harmony/sections/main-video.liquid
index 9e9288ca..847a8505 100644
--- a/themes/harmony/sections/main-video.liquid
+++ b/themes/harmony/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy' alt="YouTube Thumbnail">
+        <img class='youtube-thumbnail' src='' loading='lazy' alt="YouTube thumbnail">
         <div class='youtube-play-button'></div>
         <div class="spinner video-spinner"></div>
       </div>
diff --git a/themes/harmony/sections/multi-column.liquid b/themes/harmony/sections/multi-column.liquid
index f5153194..ab2a55ce 100644
--- a/themes/harmony/sections/multi-column.liquid
+++ b/themes/harmony/sections/multi-column.liquid
@@ -110,6 +110,7 @@
               class='column-image'
               src='{{ block_setting.image.src }}'
               loading='lazy'
+              alt='{{ block_setting.heading }}'
             >
           </div>
           {% else %}
diff --git a/themes/harmony/snippets/collection-preview.liquid b/themes/harmony/snippets/collection-preview.liquid
index 32e8742b..9a9e4ca4 100644
--- a/themes/harmony/snippets/collection-preview.liquid
+++ b/themes/harmony/snippets/collection-preview.liquid
@@ -8,11 +8,13 @@
       <img
         loading='lazy'
         src='{{ category.image }}'
+        alt='{{ category.name }}'
       >
     {% else %}
       <img
         loading='lazy'
         src='{{ 'default_product.jpeg' | asset_url }}'
+        alt='{{ category.name }}'
       >
     {% endif %}
   </div>
diff --git a/themes/harmony/snippets/product-card.liquid b/themes/harmony/snippets/product-card.liquid
index 02f59dee..fe805a77 100644
--- a/themes/harmony/snippets/product-card.liquid
+++ b/themes/harmony/snippets/product-card.liquid
@@ -5,7 +5,7 @@
     <img
       class="main-image"
       src="{% if product.images.size > 0 %}{{ product.images.first }}{% else %}{{ 'default_product.jpeg' | asset_url }}{% endif %}"
-      alt="product image"
+      alt="{{ product.name }}"
     >
     <div class="details">
       <span class="product-name" id="product-name"></span>
diff --git a/themes/harmony/snippets/reviews.liquid b/themes/harmony/snippets/reviews.liquid
index d0a704b2..289ca12f 100644
--- a/themes/harmony/snippets/reviews.liquid
+++ b/themes/harmony/snippets/reviews.liquid
@@ -48,7 +48,7 @@
                 {{ 'reviews.upload_image' | t }}
               </span>
             </div>
-            <img class="uploaded-image" alt="Uploaded Image" onclick="showExpandedImageView(this);" />
+            <img class="uploaded-image" alt="Uploaded image" onclick="showExpandedImageView(this);" />
             <button class="add-more" type="button" onclick="event.stopPropagation(); uploadReviewImage(this.parentElement, event);">+</button>
           </div>
           <div class="image-big-view" onclick="hideExpandedImageView(this)" style="display: none;">
diff --git a/themes/harmony/snippets/subCategory.liquid b/themes/harmony/snippets/subCategory.liquid
index 4d3bb647..cad13ff8 100644
--- a/themes/harmony/snippets/subCategory.liquid
+++ b/themes/harmony/snippets/subCategory.liquid
@@ -7,11 +7,13 @@
         <img
           loading='lazy'
           src='{{ subcategory.image }}'
+          alt='{{ subcategory.name }}'
         >
       {% else %}
         <img
           loading='lazy'
           src='{{ 'default_product.jpeg' | asset_url }}'
+          alt='{{ subcategory.name }}'
         >
       {% endif %}
     </div>
diff --git a/themes/meraki/sections/main-video.liquid b/themes/meraki/sections/main-video.liquid
index 0d2129e7..6f5657d6 100644
--- a/themes/meraki/sections/main-video.liquid
+++ b/themes/meraki/sections/main-video.liquid
@@ -21,7 +21,7 @@
   {% if section.settings.video_link %}
     {% if section.settings.video_type == 'youtube' %}
       <div class='youtube-video'>
-        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube Thumbnail'>
+        <img class='youtube-thumbnail' src='' loading='lazy' alt='YouTube thumbnail'>
         <div class='youtube-play-button'>
           <div class="triangle"></div>
         </div>