From b4365fadb3e201ecad699afd77ab51d30a60231e Mon Sep 17 00:00:00 2001
From: Robin Whittleton <robin@reala.net>
Date: Wed, 29 May 2024 20:43:57 +0200
Subject: [PATCH] Stop images from being read out in the listing page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

It just duplicates the data that follows, and doesn’t slows down the page for screen reader users.
---
 templates/EbookGrid.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/EbookGrid.php b/templates/EbookGrid.php
index 46c46b87..ec53f13a 100644
--- a/templates/EbookGrid.php
+++ b/templates/EbookGrid.php
@@ -16,12 +16,12 @@ $ebooks = $ebooks ?? [];
 		<? if($collection !== null && $ebook->GetCollectionPosition($collection) !== null){ ?>
 			<meta property="schema:position" content="<?= $ebook->GetCollectionPosition($collection) ?>"/>
 		<? } ?>
-		<div class="thumbnail-container"><? /* We need a container in case the thumb is shorter than the description, so that the focus outline doesn't take up the whole grid space */ ?>
+		<div class="thumbnail-container" aria-hidden="true"><? /* We need a container in case the thumb is shorter than the description, so that the focus outline doesn't take up the whole grid space */ ?>
 			<a href="<?= $ebook->Url ?>" tabindex="-1" property="schema:url"<? if($collection !== null && $ebook->GetCollectionPosition($collection) !== null){ ?> data-ordinal="<?= $ebook->GetCollectionPosition($collection) ?>"<? } ?>>
 				<picture>
 					<? if($ebook->CoverImage2xAvifUrl !== null){ ?><source srcset="<?= $ebook->CoverImage2xAvifUrl ?> 2x, <?= $ebook->CoverImageAvifUrl ?> 1x" type="image/avif"/><? } ?>
 					<source srcset="<?= $ebook->CoverImage2xUrl ?> 2x, <?= $ebook->CoverImageUrl ?> 1x" type="image/jpg"/>
-					<img src="<?= $ebook->CoverImage2xUrl ?>" alt="The cover for the Standard Ebooks edition of <?= Formatter::EscapeHtml(strip_tags($ebook->TitleWithCreditsHtml)) ?>" property="schema:image" height="335" width="224"/>
+					<img src="<?= $ebook->CoverImage2xUrl ?>" alt="" property="schema:image" height="335" width="224"/>
 				</picture>
 			</a>
 		</div>