From 5451a1dadf1640d159c363c33ccc33475a506f02 Mon Sep 17 00:00:00 2001
From: Solomon Victorino <git@solomonvictorino.com>
Date: Wed, 8 May 2024 22:22:06 -0600
Subject: [PATCH] fix: improve alt text

empty for decorative images, describe links
---
 views/album.templ  | 2 +-
 views/lyrics.templ | 4 ++--
 views/navbar.templ | 2 +-
 views/search.templ | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/views/album.templ b/views/album.templ
index 1e6d9c6..8073fe9 100644
--- a/views/album.templ
+++ b/views/album.templ
@@ -9,7 +9,7 @@ templ AlbumPage(a data.Album) {
 	@layout(fmt.Sprintf("%s - %s", a.Artist, a.Name)) {
 		<div id="container">
 			<div id="metadata">
-				<img id="album-artwork" src={ data.ExtractImageURL(a.Image) } alt="Album image"/>
+				<img id="album-artwork" src={ data.ExtractImageURL(a.Image) } alt=""/>
 				<div id="metadata-info">
 					<h2>{ a.Artist }</h2>
 					<h1>{ a.Name }</h1>
diff --git a/views/lyrics.templ b/views/lyrics.templ
index 6fd35e2..479d950 100644
--- a/views/lyrics.templ
+++ b/views/lyrics.templ
@@ -12,7 +12,7 @@ templ LyricsPage(s data.Song) {
 				<img
 					id="album-artwork"
 					src={ data.ExtractImageURL(s.Image) }
-					alt="Song image"
+					alt=""
 				/>
 				<div id="metadata-info">
 					<h2>{ s.Artist }</h2>
@@ -49,7 +49,7 @@ templ LyricsPage(s data.Song) {
 								title={ "Album: " + s.Album.Name }
 								id="album-artwork"
 								src={ s.Album.Image }
-								alt="Album image"
+								alt="Album page"
 							/>
 						</a>
 					</div>
diff --git a/views/navbar.templ b/views/navbar.templ
index a8b6d4e..dca651a 100644
--- a/views/navbar.templ
+++ b/views/navbar.templ
@@ -3,7 +3,7 @@ package views
 templ navbar() {
 	<nav>
 		<div id="nav-container">
-			<a href="/"><img src="/static/logo.svg" alt="Logo"/></a>
+			<a href="/"><img src="/static/logo.svg" alt="Home page"/></a>
 			<div id="nav-icons">
 				<a
 					title="Go to Genius.com"
diff --git a/views/search.templ b/views/search.templ
index 7daf62c..590b6a2 100644
--- a/views/search.templ
+++ b/views/search.templ
@@ -19,7 +19,7 @@ templ SearchPage(r data.SearchResults) {
 							<a id="search-item" href={ templ.URL(s.Result.Path) }>
 								<img
 									src={ data.ExtractImageURL(s.Result.Thumbnail) }
-									alt={ fmt.Sprintf("%s image", s.Result.Title) }
+									alt=""
 								/>
 								<div>
 									<span>{ s.Result.ArtistNames }</span>