fix: improve alt text

empty for decorative images, describe links

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>

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>

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"

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>