From 165bf71a7a1847ee39824be31aaa9c35bee3efc1 Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Sun, 2 Feb 2025 23:26:26 +0500
Subject: [PATCH] Add image Alt text

---
 src/static/imagePageUtils.js | 1 +
 src/static/utils.js          | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/static/imagePageUtils.js b/src/static/imagePageUtils.js
index 733ecd4..c9d978f 100644
--- a/src/static/imagePageUtils.js
+++ b/src/static/imagePageUtils.js
@@ -44,6 +44,7 @@ function renderImage(endpoint, bucket, prefix, isrc, placeholder) {
   Img.src = `https://wsrv.nl/?url=${encodeURI(src)}`;
   Img.className = "invisible w-full h-full object-contain";
   Img.loading = "lazy";
+  Img.alt = isrc
 
   placeholder.appendChild(blurImg);
   placeholder.appendChild(Img);
diff --git a/src/static/utils.js b/src/static/utils.js
index 0653c9c..0db4318 100644
--- a/src/static/utils.js
+++ b/src/static/utils.js
@@ -23,6 +23,7 @@ function renderImage(endpoint, bucket, prefix, isrc, iid, placeholder) {
   blurImg.src = `https://wsrv.nl/?url=${encodeURI(src)}&w=16&h=16`;
   blurImg.className = "object-cover w-full h-full absolute inset-0";
   blurImg.loading = "lazy";
+  blurImg.alt = `Loading: ${isrc}`
   Img.src = `https://wsrv.nl/?url=${encodeURI(src)}&w=256&h=256`;
   Img.srcset = `https://wsrv.nl/?url=${encodeURI(
     src
@@ -30,6 +31,7 @@ function renderImage(endpoint, bucket, prefix, isrc, iid, placeholder) {
   Img.sizes = `(max-width: 600px) 256px, 512px`;
   Img.className = "invisible object-cover w-full h-full absolute inset-0";
   Img.loading = "lazy";
+  Img.alt = isrc
 
   const view = getView();
   const container = document.getElementById("images_images");