From b352293a8729fa6d18cc489e9574db044884230f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zoe=CC=88=20Bijl?= <github@hello.moiety.me>
Date: Fri, 7 Mar 2025 20:59:13 +0100
Subject: [PATCH] fix: add alt text to images

Some of these images should be <a> or <button>-elements but adding alt-text is a good first step here.
---
 brain/views/front.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/brain/views/front.php b/brain/views/front.php
index d92ed8d..31ac0a8 100644
--- a/brain/views/front.php
+++ b/brain/views/front.php
@@ -7,20 +7,20 @@ $covers = $tapes->getList(true);
 include "parts/top.php";
 ?>
 <header>
-    <img class="the-logo" src="assets/images/global/logo-primary.png" />
+    <img alt="The Vicious Tapes" class="the-logo" src="assets/images/global/logo-primary.png" />
     <div class="audio-progress"></div>
 </header>
 <div id="tape-controls" class="control-closed">
-    <img id="control-back" class="tape-control-button" src='assets/images/global/btn_back.png' />
+    <img alt="Previous" id="control-back" class="tape-control-button" src='assets/images/global/btn_back.png' />
     <label class="control-text">NOTHING PLAYING</label>
-    <img id="control-next" class="tape-control-button" src='assets/images/global/btn_forward.png' />
+    <img alt="Next" id="control-next" class="tape-control-button" src='assets/images/global/btn_forward.png' />
 </div>
 <main>
     <article class="tape-select front">
         <?php foreach ($covers as $cover) {
             $title = $cover["title"]; ?>
 
-        <img id="<?php echo urlencode($title); ?>" class="covers" src="
+        <img alt="<?php echo $title ?>" id="<?php echo urlencode($title); ?>" class="covers" src="
             <?php echo "/assets/audio/tapes/" . $title . "/cover.jpg"; ?>" />
 
         <?php
@@ -29,7 +29,7 @@ include "parts/top.php";
     </article>
     <article class="tape-tracklist back-right">
 
-        <img id="tape-cover" src='' />
+        <img  alt="" id="tape-cover" src='' />
         <h1 id="tape-title"></h1>
         <section id="playlist"></section>