diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2025-05-13 20:02:25 -0400 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2025-05-13 21:11:00 -0400 |
| commit | e623ab68e7f4d1a9bd8222aa8d8f5d9108a238c0 (patch) | |
| tree | 7469675e65e56017a795045c64051bcc89099b8c | |
| parent | a0568ada5568bd8d6538e26e003b26c8409e2cb7 (diff) | |
Support non-mouse accessibility.
* Give the input `div` a marker to tell screen readers &c that it is a textbox.
* Ensure that it participates in tab order. (Zero is a sentinel value, see <https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/tabindex>.)
| -rw-r--r-- | ui/lib/components/MessageInput.svelte | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte index 6c22b29..b230939 100644 --- a/ui/lib/components/MessageInput.svelte +++ b/ui/lib/components/MessageInput.svelte @@ -38,6 +38,8 @@ <form {onsubmit}> <textarea bind:value class="hidden" {disabled}></textarea> <div + role="textbox" + tabindex="0" contenteditable="plaintext-only" class={{ textarea: true, |