chore(web): translate alt text (#10922)

* chore(web): translate image alt text

* fix: capitalize translations, improve unit test

* fix: unit testing against the actual en.json file

* fix: use derived store to generate alt text
This commit is contained in:
Ben 2024-07-07 22:29:56 +00:00 committed by GitHub
parent a5467d60ea
commit 39221c8d1f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 113 additions and 29 deletions

View file

@ -123,7 +123,7 @@
<img
style="display:none"
src={imageLoaderUrl}
alt={getAltText(asset)}
alt={$getAltText(asset)}
on:load={() => ((imageLoaded = true), (assetFileUrl = imageLoaderUrl))}
on:error={() => (imageError = imageLoaded = true)}
/>
@ -136,7 +136,7 @@
{#if $slideshowState !== SlideshowState.None && $slideshowLook === SlideshowLook.BlurredBackground}
<img
src={assetFileUrl}
alt={getAltText(asset)}
alt={$getAltText(asset)}
class="absolute top-0 left-0 -z-10 object-cover h-full w-full blur-lg"
draggable="false"
/>
@ -144,7 +144,7 @@
<img
bind:this={$photoViewer}
src={assetFileUrl}
alt={getAltText(asset)}
alt={$getAltText(asset)}
class="h-full w-full {$slideshowState === SlideshowState.None
? 'object-contain'
: slideshowLookCssMapping[$slideshowLook]}"