From 7fd5304e7665d15cb263e026583a65cd52fd0b8d Mon Sep 17 00:00:00 2001
From: Sine Jespersen <sinejespersen@gmail.com>
Date: Tue, 10 Jun 2025 10:27:06 +0200
Subject: [PATCH] add assistive technology accessible label for search input in
settings modal
---
src/lib/components/chat/SettingsModal.svelte | 2 ++
1 file changed, 2 insertions(+)
diff --git a/src/lib/components/chat/SettingsModal.svelte b/src/lib/components/chat/SettingsModal.svelte
index 49dacd7fd..87ec88d6b 100644
--- a/src/lib/components/chat/SettingsModal.svelte
+++ b/src/lib/components/chat/SettingsModal.svelte
@@ -571,10 +571,12 @@
strokeWidth={($settings.highContrastMode ?? false) ? '3' : '1.5'}
/>
</div>
+ <label class="sr-only" for="search-input-settings-modal">{$i18n.t('Search')}</label>
<input
class={`w-full py-1.5 text-sm bg-transparent dark:text-gray-300 outline-hidden
${($settings.highContrastMode ?? false) ? 'placeholder-gray-800' : ''}`}
bind:value={search}
+ id="search-input-settings-modal"
on:input={searchDebounceHandler}
placeholder={$i18n.t('Search')}
/>