fix: made the chat response messages readable with a screen reader
@@ -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}"