From b686f56b23e94888c3a77b33a6eab222c79bac98 Mon Sep 17 00:00:00 2001
From: Olabode Felix Akinyemi <80841202+akinshaywai@users.noreply.github.com>
Date: Thu, 23 Apr 2026 22:10:59 +0100
Subject: [PATCH] fix(ui): add aria-label to STT button and aria-expanded to
 pinned toggle (#70593)

- Voice input button had title= but no aria-label, so screen readers
  announced it without context. Add aria-label mirroring the title,
  toggling between "Voice input" and "Stop recording".
- Pinned messages toggle lacked aria-expanded, so screen readers could
  not announce the collapsed/expanded state of the section.

Co-authored-by: akinshaywai <akinshaywai@users.noreply.github.com>
---
 ui/src/ui/views/chat.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/ui/src/ui/views/chat.ts b/ui/src/ui/views/chat.ts
index a3cfe28b3ce..4f88ea23244 100644
--- a/ui/src/ui/views/chat.ts
+++ b/ui/src/ui/views/chat.ts
@@ -572,6 +572,7 @@ function renderPinnedSection(
     <div class="agent-chat__pinned">
       <button
         class="agent-chat__pinned-toggle"
+        aria-expanded=${vs.pinnedExpanded}
         @click=${() => {
           vs.pinnedExpanded = !vs.pinnedExpanded;
           requestUpdate();
@@ -1251,6 +1252,7 @@ export function renderChat(props: ChatProps) {
                       }
                     }}
                     title=${vs.sttRecording ? "Stop recording" : "Voice input"}
+                    aria-label=${vs.sttRecording ? "Stop recording" : "Voice input"}
                     ?disabled=${!props.connected}
                   >
                     ${vs.sttRecording ? icons.micOff : icons.mic}