From d1677635a50861a29c85d8b3cd0f88e0ece8d465 Mon Sep 17 00:00:00 2001
From: Sine Jespersen <sinejespersen@gmail.com>
Date: Mon, 16 Jun 2025 09:41:29 +0200
Subject: [PATCH] add label visible to screen readers to sensitive input

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

diff --git a/src/lib/components/common/SensitiveInput.svelte b/src/lib/components/common/SensitiveInput.svelte
index 3a037b13e..b683087e7 100644
--- a/src/lib/components/common/SensitiveInput.svelte
+++ b/src/lib/components/common/SensitiveInput.svelte
@@ -14,9 +14,11 @@
 </script>
 
 <div class={outerClassName}>
+	<label class="sr-only" for="password-input">{placeholder || $i18n.t('Password')}</label>
 	<input
 		class={`${inputClassName} ${show ? '' : 'password'}`}
 		{placeholder}
+		id="password-input"
 		bind:value
 		required={required && !readOnly}
 		disabled={readOnly}