fix(a11y): improve img alt text with artist/director/author context

Updates alt attributes to include contextual info: songs include artist,
films include year and director, books include author, TV series include
type label.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-04 22:47:35 +00:00
co-authored by Claude Opus 4.6
parent 91dbaee38c
commit 31241d8d12
4 changed files with 4 additions and 4 deletions
@@ -57,7 +57,7 @@
<img
v-if="coverSrc(book)"
:src="coverSrc(book)!"
:alt="book.title"
:alt="`${book.title} by ${book.author}`"
class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
loading="lazy"
@error="onCoverError(book)"
@@ -57,7 +57,7 @@
<img
v-if="coverSrc(film)"
:src="coverSrc(film)!"
:alt="film.title"
:alt="`${film.title} (${film.year}) directed by ${film.director}`"
class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
loading="lazy"
@error="onCoverError(film)"
@@ -68,7 +68,7 @@
<img
v-if="coverSrc(song)"
:src="coverSrc(song)!"
:alt="song.title"
:alt="`${song.title} by ${song.artist}`"
class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
loading="lazy"
@error="onCoverError(song)"
@@ -57,7 +57,7 @@
<img
v-if="coverSrc(s)"
:src="coverSrc(s)!"
:alt="s.title"
:alt="`${s.title} — TV Series`"
class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
loading="lazy"
@error="onCoverError(s)"