From 01dfdae15efc8131997824ef6541de4a2e5377d3 Mon Sep 17 00:00:00 2001
From: Agahnim <naguiagahnim@proton.me>
Date: Mon, 23 Mar 2026 16:06:09 +0100
Subject: [PATCH] global: add alt descriptions for images

---
 templates/partials/home.html       | 29 +++++++++++++++--------------
 templates/partials/miniplayer.html | 10 +++++-----
 templates/partials/notfound.html   |  4 ++--
 3 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/templates/partials/home.html b/templates/partials/home.html
index 563b630..7101a69 100644
--- a/templates/partials/home.html
+++ b/templates/partials/home.html
@@ -32,31 +32,32 @@
       I always liked this type of aesthetic and the mix of melancholy of comfort it brings me.
       It feels good to bring that vibe into one of my projects.
       <badges>
-        <img src="/static/assets/badges/88x31computer.gif" />
-        <img src="/static/assets/badges/cssisawesome.webp" />
-        <img src="/static/assets/badges/queer.webp" />
-        <img width="100px" src="/static/assets/badges/skywardsword.webp" />
-        <img src="/static/assets/badges/transrightsnow.webp" />
-        <img width="30%" src="/static/assets/badges/kirby.gif" />
-        <img width="30%" src="/static/assets/badges/pink.gif" />
-        <img width="30%" src="/static/assets/badges/trans.gif" />
+        <img src="/static/assets/badges/88x31computer.gif" alt="88x31 pixel art badge with a retro computer" />
+        <img src="/static/assets/badges/cssisawesome.webp" alt="Badge with text 'CSS is Awesome'" />
+        <img src="/static/assets/badges/queer.webp" alt="Queer pride flag badge" />
+        <img width="100px" src="/static/assets/badges/skywardsword.webp"
+          alt="Cover art for The Legend of Zelda Skyward Sword" />
+        <img src="/static/assets/badges/transrightsnow.webp" alt="Trans rights badge with text 'Trans Rights Now'" />
+        <img width="30%" src="/static/assets/badges/kirby.gif" alt="Kirby character animated GIF" />
+        <img width="30%" src="/static/assets/badges/pink.gif" alt="Pink animated pixel art badge" />
+        <img width="30%" src="/static/assets/badges/trans.gif" alt="Trans pride flag animated badge" />
       </badges>
     </box>
     <box id="smallbox">
       <socials-header> Socials ! </socials-header>
       <socials>
         <a href="https://github.com/naguiagahnim" target="_blank"><img src="/static/assets/icons/github.webp"
-            width="30px" /></a>
+            width="30px" alt="GitHub logo" /></a>
         <a href="https://open.spotify.com/intl-fr/artist/4BPUhsH6krKkCNFrdMZnZF?si=E3luyIf0S_yfJRmm82S5OA"
-          target="_blank"><img src="/static/assets/icons/spotify.webp" width="30px" /></a>
+          target="_blank"><img src="/static/assets/icons/spotify.webp" width="30px" alt="Spotify logo" /></a>
         <a href="https://www.instagram.com/agahnim_music/" target="_blank"><img src="/static/assets/icons/insta.webp"
-            width="30px" /></a>
+            width="30px" alt="Instagram logo" /></a>
       </socials>
-      <img width="200px" src="/static/assets/gifs/divider2.gif" />
+      <img width="200px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
     </box>
     <box id="newsbox">
       <website-news>
-        <img width="70%" src="/static/assets/gifs/updates.gif" />
+        <img width="70%" src="/static/assets/gifs/updates.gif" alt="Animated text 'Updates'" />
 
         {% for article in news %}
         <article-entry>
@@ -66,7 +67,7 @@
           <article-body>
             {{ article.body }}
           </article-body>
-          <img width="300px" src="/static/assets/gifs/divider2.gif" />
+          <img width="300px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
         </article-entry>
         {% else %}
         <ominous-message>
diff --git a/templates/partials/miniplayer.html b/templates/partials/miniplayer.html
index 893aed3..33ad1b4 100644
--- a/templates/partials/miniplayer.html
+++ b/templates/partials/miniplayer.html
@@ -19,18 +19,18 @@
   <controls-bar>
     <transport-controls>
       <button data-action="prev" aria-label="Previous">
-        <img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="" />
+        <img src="/static/assets/svgs/skip-back.svg" width="12" height="12" alt="Skip back" />
       </button>
       <button data-action="play" aria-label="Play/Pause">
-        <img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="" />
-        <img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="" style="display: none;" />
+        <img class="play-icon" src="/static/assets/svgs/play.svg" width="12" height="12" alt="Play" />
+        <img class="pause-icon" src="/static/assets/svgs/pause.svg" width="12" height="12" alt="Pause" style="display: none;" />
       </button>
       <button data-action="next" aria-label="Next">
-        <img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="" />
+        <img src="/static/assets/svgs/skip-forward.svg" width="12" height="12" alt="Skip forward" />
       </button>
     </transport-controls>
     <volume-controls>
-      <img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="" />
+      <img src="/static/assets/svgs/volume-2.svg" width="12" height="12" alt="Volume" />
       <input class="volume-input" type="range" min="0" max="1" step="0.01" value="0.7" />
     </volume-controls>
   </controls-bar>
diff --git a/templates/partials/notfound.html b/templates/partials/notfound.html
index e650295..559e044 100644
--- a/templates/partials/notfound.html
+++ b/templates/partials/notfound.html
@@ -1,4 +1,4 @@
 <katcenkat>
-  <img src="/static/assets/images/notfound.webp" />
-  <img src="/static/assets/images/leuf.webp" />
+  <img src="/static/assets/images/notfound.webp" alt="Pink text, 404 Not Found" />
+  <img src="/static/assets/images/leuf.webp" alt="A drawing depicting a cute but fat cat" />
 </katcenkat>
\ No newline at end of file