From b95bc727df67c5c3910150415b5cc6b78a8668ef Mon Sep 17 00:00:00 2001
From: Sine Jespersen <sinejespersen@gmail.com>
Date: Fri, 13 Jun 2025 13:46:57 +0200
Subject: [PATCH] add label for screen readers for model id input

---
 src/lib/components/AddConnectionModal.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/lib/components/AddConnectionModal.svelte b/src/lib/components/AddConnectionModal.svelte
index 9d0d6f4fbd..592ac2b5c8 100644
--- a/src/lib/components/AddConnectionModal.svelte
+++ b/src/lib/components/AddConnectionModal.svelte
@@ -470,6 +470,7 @@
 						<hr class=" border-gray-100 dark:border-gray-700/10 my-1.5 w-full" />
 
 						<div class="flex items-center">
+							<label class="sr-only" for="add-model-id-input">{$i18n.t('Add a model ID')}</label>
 							<input
 								class="w-full py-1 text-sm rounded-lg bg-transparent {modelId
 									? ''
@@ -477,6 +478,7 @@
 									? 'dark:placeholder:text-gray-100 placeholder:text-gray-700'
 									: 'placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden'}"
 								bind:value={modelId}
+								id="add-model-id-input"
 								placeholder={$i18n.t('Add a model ID')}
 							/>