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>
This commit is contained in:
2026-06-18 18:41:20 -04:00
parent f054abfbd2
commit 7d98b49a30
2 changed files with 2 additions and 0 deletions
+1
View File
@@ -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>
+1
View File
@@ -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 && (