From f75eded27d0f32f23b15a7a21cd7c09adb97462a Mon Sep 17 00:00:00 2001
From: manav-sharma69 <157268750+manav-sharma69@users.noreply.github.com>
Date: Tue, 2 Jul 2024 17:55:58 +0530
Subject: [PATCH] Add `alt` attribute to image in `<figure>`

---
 view-transitions/spa/script.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/view-transitions/spa/script.js b/view-transitions/spa/script.js
index e54245d7..6b583993 100644
--- a/view-transitions/spa/script.js
+++ b/view-transitions/spa/script.js
@@ -37,6 +37,7 @@ function init() {
   }) 
   
   galleryImg.src = `images/${ imageData[0].file }.jpg`;
+  galleryImg.alt = imageData[0].name; 
   galleryCaption.textContent = imageData[0].name;
 }
 
@@ -47,6 +48,7 @@ function updateView(event) {
   const displayNewImage = () => {
     const mainSrc = `${targetIdentifier.src.split("_th.jpg")[0]}.jpg`;
     galleryImg.src = mainSrc;
+    galleryImg.alt = targetIdentifier.alt;
     galleryCaption.textContent = targetIdentifier.alt;
   };
   
@@ -60,4 +62,4 @@ function updateView(event) {
   const transition = document.startViewTransition(() => displayNewImage());
 }
 
-init();
\ No newline at end of file
+init();