From 53dcaa63d4ffdf6b252a5c5a83fea6bc58a8307d Mon Sep 17 00:00:00 2001
From: uryukikutani <uryu_kikutani@ttsystems.com>
Date: Fri, 16 May 2025 17:41:56 +0900
Subject: [PATCH] made the chat response messages readable with a screen reader

---
 .../chat/Messages/ResponseMessage.svelte         | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index f48c69a59..ffdbb4779 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -580,6 +580,14 @@
 			});
 		}
 	});
+
+	let screenReaderDiv: HTMLDivElement;
+	
+	$: if (message.done) {
+		if (screenReaderDiv) {
+			screenReaderDiv.textContent = message.content;
+		}
+	}
 </script>
 
 <DeleteConfirmDialog
@@ -590,6 +598,14 @@
 	}}
 />
 
+<div 
+	bind:this={screenReaderDiv}
+	aria-live="polite" 
+	class="sr-only"
+>
+	{message.done ? message.content : ''}
+</div>
+
 {#key message.id}
 	<div
 		class=" flex w-full message-{message.id}"