From 59992e87aa5d0234cdcb677e54340c2f741e2c67 Mon Sep 17 00:00:00 2001
From: Rye <git@itsrye.dev>
Date: Tue, 10 Mar 2026 21:44:04 +0100
Subject: [PATCH 1/3] add title and aria-label to a few elements in
 RoomInput.tsx

---
 src/app/features/room/RoomInput.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/app/features/room/RoomInput.tsx b/src/app/features/room/RoomInput.tsx
index 026227dbc..dc88cabbf 100644
--- a/src/app/features/room/RoomInput.tsx
+++ b/src/app/features/room/RoomInput.tsx
@@ -828,6 +828,7 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                       variant="SurfaceVariant"
                       size="300"
                       radii="300"
+                      title="schedule message send"
                     >
                       <Icon src={Icons.Cross} size="50" />
                     </IconButton>
@@ -853,6 +854,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                       variant="SurfaceVariant"
                       size="300"
                       radii="300"
+                      aria-label="Cancel reply"
+                      title="Cancel reply"
                     >
                       <Icon src={Icons.Cross} size="50" />
                     </IconButton>
@@ -886,6 +889,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
               variant="SurfaceVariant"
               size="300"
               radii="300"
+              title="Upload File"
+              aria-label="Upload and attach a File"
             >
               <Icon src={Icons.PlusCircle} />
             </IconButton>
@@ -896,6 +901,9 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                 variant="SurfaceVariant"
                 size="300"
                 radii="300"
+                title={toolbar ? 'Hide Toolbar' : 'Show Toolbar'}
+                aria-pressed={toolbar}
+                aria-label={toolbar ? 'Hide Toolbar' : 'Show Toolbar'}
                 onClick={() => setToolbar(!toolbar)}
               >
                 <Icon src={toolbar ? Icons.AlphabetUnderline : Icons.Alphabet} />
@@ -940,6 +948,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                         variant="SurfaceVariant"
                         size="300"
                         radii="300"
+                        title="open sticker picker"
+                        aria-label="Open sticker picker"
                       >
                         <Icon
                           src={Icons.Sticker}
@@ -956,6 +966,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                       variant="SurfaceVariant"
                       size="300"
                       radii="300"
+                      title="open emoji picker"
+                      aria-label="Open emoji picker"
                     >
                       <Icon
                         src={Icons.Smile}
@@ -1012,6 +1024,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
               />
               <Box display="Flex" alignItems="Center">
                 <IconButton
+                  title="Send Message"
+                  aria-label="Send your composed Message"
                   onClick={() => {
                     if (isLongPress.current) {
                       isLongPress.current = false;
@@ -1053,6 +1067,8 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
                     onClick={(evt: MouseEvent<HTMLButtonElement>) => {
                       setScheduleMenuAnchor(evt.currentTarget.getBoundingClientRect());
                     }}
+                    title="Schedule Message"
+                    aria-label="Schedule message send"
                     variant={scheduledTime ? 'Primary' : 'SurfaceVariant'}
                     size="300"
                     radii="0"

From ac3d34da810c9c52f1fbeab9c9b10a911437026e Mon Sep 17 00:00:00 2001
From: Rye <git@itsrye.dev>
Date: Tue, 10 Mar 2026 21:52:20 +0100
Subject: [PATCH 2/3] add title and aria-label attributes to buttons in
 SchedulePickerDialog for improved accessibility

---
 .../room/schedule-send/SchedulePickerDialog.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/features/room/schedule-send/SchedulePickerDialog.tsx b/src/app/features/room/schedule-send/SchedulePickerDialog.tsx
index 65744a2eb..50f119ef9 100644
--- a/src/app/features/room/schedule-send/SchedulePickerDialog.tsx
+++ b/src/app/features/room/schedule-send/SchedulePickerDialog.tsx
@@ -98,7 +98,13 @@ export function SchedulePickerDialog({
               <Box grow="Yes">
                 <Text size="H4">Schedule Send</Text>
               </Box>
-              <IconButton size="300" onClick={onCancel} radii="300">
+              <IconButton
+                size="300"
+                onClick={onCancel}
+                radii="300"
+                title="Cancel scheduling"
+                aria-label="Cancel scheduling"
+              >
                 <Icon src={Icons.Cross} />
               </IconButton>
             </Header>
@@ -243,7 +249,14 @@ export function SchedulePickerDialog({
                   {error || 'Selected time is in the past'}
                 </Text>
               )}
-              <Button type="submit" variant="Primary" aria-disabled={isPast} onClick={handleSubmit}>
+              <Button
+                type="submit"
+                variant="Primary"
+                aria-disabled={isPast}
+                onClick={handleSubmit}
+                title="Schedule Send"
+                aria-label="Schedule send"
+              >
                 <Text size="B400">Schedule Send</Text>
               </Button>
             </Box>

From 485834baca180c0777dc4caa02c6009bd4fa680e Mon Sep 17 00:00:00 2001
From: Rye <git@itsrye.dev>
Date: Tue, 10 Mar 2026 22:05:15 +0100
Subject: [PATCH 3/3] added changeset

---
 .changeset/a11y_message_composing.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/a11y_message_composing.md

diff --git a/.changeset/a11y_message_composing.md b/.changeset/a11y_message_composing.md
new file mode 100644
index 000000000..d76a0a63c
--- /dev/null
+++ b/.changeset/a11y_message_composing.md
@@ -0,0 +1,5 @@
+---
+sable: patch
+---
+
+added a few accessibility tags to the elements involved in message composing