From 7d98b49a3070ae5ddad89336be2ee79d232c18f3 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Thu, 18 Jun 2026 18:41:20 -0400
Subject: [PATCH] fix(a11y): add aria-label to exit-formatting and pin-menu
 buttons (P3-4)

Two icon-adjacent buttons were missing descriptive labels: the
"Exit formatting" key-symbol button in Toolbar.tsx and the "Pinned
messages" pin icon in RoomViewHeader.tsx.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/editor/Toolbar.tsx    | 1 +
 src/app/features/room/RoomViewHeader.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/app/components/editor/Toolbar.tsx b/src/app/components/editor/Toolbar.tsx
index dffa7d32e..2ae0fcb95 100644
--- a/src/app/components/editor/Toolbar.tsx
+++ b/src/app/components/editor/Toolbar.tsx
@@ -252,6 +252,7 @@ export function ExitFormatting({ tooltip }: ExitFormattingProps) {
           onClick={handleClick}
           size="400"
           radii="300"
+          aria-label="Exit formatting"
         >
           <Text size="B400">{`Exit ${KeySymbol.Hyper}`}</Text>
         </IconButton>
diff --git a/src/app/features/room/RoomViewHeader.tsx b/src/app/features/room/RoomViewHeader.tsx
index 061661bcf..bcc9b17a2 100644
--- a/src/app/features/room/RoomViewHeader.tsx
+++ b/src/app/features/room/RoomViewHeader.tsx
@@ -652,6 +652,7 @@ export function RoomViewHeader({ callView }: { callView?: boolean }) {
                   style={{ position: 'relative' }}
                   onClick={handleOpenPinMenu}
                   ref={triggerRef}
+                  aria-label="Pinned messages"
                   aria-pressed={!!pinMenuAnchor}
                 >
                   {pinnedEvents.length > 0 && (