From e623ab68e7f4d1a9bd8222aa8d8f5d9108a238c0 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Tue, 13 May 2025 20:02:25 -0400
Subject: 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>.)
---
 ui/lib/components/MessageInput.svelte | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'ui/lib/components/MessageInput.svelte')

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,
-- 
cgit v1.2.3

