Moiety/tapes
1
0
Fork 0
forked from are0h/tapes
Code Pull requests Activity

fix: add alt text to images

Browse source 
Some of these images should be <a> or <button>-elements but adding alt-text is a good first step here.
This commit is contained in:
Zoë Bijl 2025-03-07 20:59:13 +01:00
parent 8303155f9c
commit b352293a87
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
brain/views/front.php
View file

@ -7,20 +7,20 @@ $covers = $tapes->getList(true);
include "parts/top.php"; include "parts/top.php";
?> ?>
<header> <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> <div class="audio-progress"></div>
</header> </header>
<div id="tape-controls" class="control-closed"> <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> <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> </div>
<main> <main>
<article class="tape-select front"> <article class="tape-select front">
<?php foreach ($covers as $cover) { <?php foreach ($covers as $cover) {
$title = $cover["title"]; ?> $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 echo "/assets/audio/tapes/" . $title . "/cover.jpg"; ?>" />
<?php <?php
@ -29,7 +29,7 @@ include "parts/top.php";
</article> </article>
<article class="tape-tracklist back-right"> <article class="tape-tracklist back-right">
<img id="tape-cover" src='' /> <img alt="" id="tape-cover" src='' />
<h1 id="tape-title"></h1> <h1 id="tape-title"></h1>
<section id="playlist"></section> <section id="playlist"></section>