From d639261fbeb199252bd391351d3f4261dab8f67c Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Thu, 8 Feb 2024 18:46:45 +0200
Subject: [PATCH] [develop | WIP | FIXED]: Added correct alt on images, width
 and height in FoS and SDG images and lazy loading everywhere.

---
 explore/src/app/home/home.component.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html
index 1f41806a..8c8655fd 100644
--- a/explore/src/app/home/home.component.html
+++ b/explore/src/app/home/home.component.html
@@ -47,7 +47,7 @@
                             <a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-small-bottom"
                                routerLinkActive="router-link-active" routerLink="/sdgs">
 								<span class="uk-flex uk-flex-middle">
-									<img src="assets/common-assets/sdg/sdg-dot-img.svg" alt="SDGs logo" loading="lazy">
+									<img src="assets/common-assets/sdg/sdg-dot-img.svg" alt="SDGs logo" loading="lazy" width="17px" height="17px">
 									<span class="uk-margin-small-left">Sustainable Development Goals (SDG<span
                                             class="uk-text-lowercase">s</span>)</span>
 								</span>
@@ -55,7 +55,7 @@
                             <a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
                                routerLinkActive="router-link-active" routerLink="/fields-of-science">
 								<span class="uk-flex uk-flex-middle">
-									<img src="assets/common-assets/fos/fos-icon.svg" alt="FOS logo" loading="lazy">
+									<img src="assets/common-assets/fos/fos-icon.svg" alt="FOS logo" loading="lazy" width="17px" height="8px">
 									<span class="uk-margin-small-left">Fields of Science (FoS)</span>
 								</span>
                             </a>
@@ -64,8 +64,8 @@
                 </div>
                 <div class="uk-visible@m uk-width-expand" uk-scrollspy-class>
                     <div class="uk-position-relative">
-                        <img src="assets/explore-assets/home/explore.jpg" uk-parallax="y: 500">
-                        <img class="uk-position-bottom-left" src="assets/explore-assets/home/mask.svg">
+                        <img src="assets/explore-assets/home/explore.jpg" alt="researchers" uk-parallax="y: 500" loading="lazy">
+                        <img class="uk-position-bottom-left" src="assets/explore-assets/home/mask.svg" alt="search" loading="lazy">
                     </div>
                 </div>
             </div>
@@ -156,16 +156,16 @@
                              alt="ipad" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="0">
-                        <img src="assets/explore-assets/home/1.png" alt="ipad" loading="lazy">
+                        <img src="assets/explore-assets/home/1.png" alt="Deposit search" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="0.5">
-                        <img src="assets/explore-assets/home/2.png" alt="ipad" loading="lazy">
+                        <img src="assets/explore-assets/home/2.png" alt="Deposit in OpenAIRE or Zenodo" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="1">
-                        <img src="assets/explore-assets/home/3.png" alt="ipad" loading="lazy">
+                        <img src="assets/explore-assets/home/3.png" alt="Search links" loading="lazy">
                     </slider-item>
                     <slider-item type="slide" [start]="1.5">
-                        <img src="assets/explore-assets/home/4.png" alt="ipad" loading="lazy">
+                        <img src="assets/explore-assets/home/4.png" alt="link" loading="lazy">
                     </slider-item>
                 </slider-column>
                 <slider-column type="nav" class="slider-nav">
@@ -238,7 +238,7 @@
                         </div>
                         <div></div>
                         <img class="uk-visible@m uk-height-1-1 uk-position-top-right"
-                             src="assets/common-assets/common/graph-nodes.svg" alt="ipad" loading="lazy">
+                             src="assets/common-assets/common/graph-nodes.svg" alt="Graph nodes" loading="lazy">
                     </div>
                 </div>
             </div>