2026-04-22 10:04:41 +00:00
4 changed files with 4 additions and 1 deletions
@@ -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}
                        >
                            <!-- Label row -->
                            {#if displayLabel}
@@ -86,6 +86,7 @@ const fontBName = $derived(comparisonStore.fontB?.name ?? '');
            variant="underline"
            size="lg"
            placeholder="The quick brown fox..."
+            aria-label="Preview text"
            fullWidth
        />
    </div>
@@ -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
    />
@@ -65,6 +65,7 @@ function toggleFilters() {
            id="font-search"
            class="w-full"
            placeholder="Typeface Search"
+            aria-label="Search typefaces"
            bind:value={filterManager.queryValue}
            fullWidth
        />