diff --git a/src/shared/ui/ComboControl/ComboControl.svelte b/src/shared/ui/ComboControl/ComboControl.svelte index ea7c4d8..4b70c55 100644 --- a/src/shared/ui/ComboControl/ComboControl.svelte +++ b/src/shared/ui/ComboControl/ComboControl.svelte @@ -128,7 +128,7 @@ const displayLabel = $derived(label ?? controlLabel ?? ''); ? 'bg-paper dark:bg-dark-card shadow-sm border-subtle' : 'hover:bg-paper/50 dark:hover:bg-dark-card/50', )} - aria-label={controlLabel} + aria-label={controlLabel ? `${controlLabel}: ${formattedValue()}` : undefined} > {#if displayLabel} diff --git a/src/widgets/ComparisonView/ui/Header/Header.svelte b/src/widgets/ComparisonView/ui/Header/Header.svelte index 3439216..c8490cb 100644 --- a/src/widgets/ComparisonView/ui/Header/Header.svelte +++ b/src/widgets/ComparisonView/ui/Header/Header.svelte @@ -86,6 +86,7 @@ const fontBName = $derived(comparisonStore.fontB?.name ?? ''); variant="underline" size="lg" placeholder="The quick brown fox..." + aria-label="Preview text" fullWidth /> diff --git a/src/widgets/ComparisonView/ui/Search/Search.svelte b/src/widgets/ComparisonView/ui/Search/Search.svelte index d221c80..f6b2c45 100644 --- a/src/widgets/ComparisonView/ui/Search/Search.svelte +++ b/src/widgets/ComparisonView/ui/Search/Search.svelte @@ -13,6 +13,7 @@ import { SearchBar } from '$shared/ui'; id="font-search" class="w-full" placeholder="Typeface Search" + aria-label="Search typefaces" bind:value={filterManager.queryValue} fullWidth /> diff --git a/src/widgets/FontSearch/ui/FontSearch/FontSearch.svelte b/src/widgets/FontSearch/ui/FontSearch/FontSearch.svelte index f7a5aa9..30c6ca4 100644 --- a/src/widgets/FontSearch/ui/FontSearch/FontSearch.svelte +++ b/src/widgets/FontSearch/ui/FontSearch/FontSearch.svelte @@ -65,6 +65,7 @@ function toggleFilters() { id="font-search" class="w-full" placeholder="Typeface Search" + aria-label="Search typefaces" bind:value={filterManager.queryValue} fullWidth />