made the chat response messages readable with a screen reader

This commit is contained in:
uryukikutani 2025-05-16 17:41:56 +09:00
parent 186a89bcba
commit 53dcaa63d4

View File

@ -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}"