From 6fcdd11fb2cd0e1ad06bc976fc0cc3008b845285 Mon Sep 17 00:00:00 2001
From: Sine Jespersen <sinejespersen@gmail.com>
Date: Mon, 16 Jun 2025 10:56:54 +0200
Subject: [PATCH] add labels to image compression inputs

---
 src/lib/components/chat/Settings/Interface.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/chat/Settings/Interface.svelte b/src/lib/components/chat/Settings/Interface.svelte
index d630519d68..5cc8fd859a 100644
--- a/src/lib/components/chat/Settings/Interface.svelte
+++ b/src/lib/components/chat/Settings/Interface.svelte
@@ -1160,9 +1160,10 @@
 			{#if imageCompression}
 				<div>
 					<div class=" py-0.5 flex w-full justify-between text-xs">
-						<div class=" self-center text-xs">{$i18n.t('Image Max Compression Size')}</div>
+						<div id="image-compression-size-label" class=" self-center text-xs">{$i18n.t('Image Max Compression Size')}</div>
 
 						<div>
+							<label class="sr-only" for="image-comp-width">{$i18n.t('Image Max Compression Size width')}</label>
 							<input
 								bind:value={imageCompressionSize.width}
 								type="number"
@@ -1170,6 +1171,7 @@
 								min="0"
 								placeholder="Width"
 							/>x
+							<label class="sr-only" for="image-comp-height">{$i18n.t('Image Max Compression Size height')}</label>
 							<input
 								bind:value={imageCompressionSize.height}
 								type="number"