Browse Source

Merge pull request #13950 from uryukikutani/feature/screen-reader

fix: made the chat response messages readable with a screen reader
Tim Jaeryang Baek 4 months ago
parent
commit
bc66755fb0
1 changed files with 16 additions and 0 deletions
  1. 16 0
      src/lib/components/chat/Messages/ResponseMessage.svelte

+ 16 - 0
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}"