feat(web): improve alt text ()

* alt text

* memory lane alt text

* revert sql generator change

* use getAltText

* oops

* handle large number of people in asset

* nit

* add aria-label to search button

* update api

* fixed tests

* fixed typing

* fixed spacing

* fix displaying null
This commit is contained in:
Mert 2024-03-03 16:42:17 -05:00 committed by GitHub
parent 07c926bb12
commit 2fa10a254c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
24 changed files with 200 additions and 54 deletions
web/src/lib/components/memory-page

View file

@ -171,7 +171,7 @@
<img
class="h-full w-full rounded-2xl object-cover"
src={getAssetThumbnailUrl(previousMemory.assets[0].id, ThumbnailFormat.Jpeg)}
alt=""
alt="Previous memory"
draggable="false"
/>
{:else}
@ -179,7 +179,7 @@
class="h-full w-full rounded-2xl object-cover"
src="$lib/assets/no-thumbnail.png"
sizes="min(271px,186px)"
alt=""
alt="Previous memory"
draggable="false"
/>
{/if}
@ -203,7 +203,7 @@
transition:fade
class="h-full w-full rounded-2xl object-contain transition-all"
src={getAssetThumbnailUrl(currentAsset.id, ThumbnailFormat.Jpeg)}
alt=""
alt={currentAsset.exifInfo?.description}
draggable="false"
/>
{/key}
@ -244,7 +244,7 @@
<img
class="h-full w-full rounded-2xl object-cover"
src={getAssetThumbnailUrl(nextMemory.assets[0].id, ThumbnailFormat.Jpeg)}
alt=""
alt="Next memory"
draggable="false"
/>
{:else}
@ -252,7 +252,7 @@
class="h-full w-full rounded-2xl object-cover"
src="$lib/assets/no-thumbnail.png"
sizes="min(271px,186px)"
alt=""
alt="Next memory"
draggable="false"
/>
{/if}