From d71630ce506dcf84242cd5bbde12cdcac47567b3 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sun, 24 May 2026 09:11:23 +0000
Subject: [PATCH] Add aria-label to icon-only action buttons in chats and tasks
 lists

Co-authored-by: thirdeyenation <133812267+thirdeyenation@users.noreply.github.com>
---
 webui/components/sidebar/chats/chats-list.html |  6 +++---
 webui/components/sidebar/tasks/tasks-list.html | 13 +++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/webui/components/sidebar/chats/chats-list.html b/webui/components/sidebar/chats/chats-list.html
index 2c13755fc8..018bb04d7c 100644
--- a/webui/components/sidebar/chats/chats-list.html
+++ b/webui/components/sidebar/chats/chats-list.html
@@ -15,7 +15,7 @@
           <h3 class="section-header">Chats</h3>
           <!-- New Chat Button -->
           <button id="newChat" class="btn-icon-action chat-list-action-btn" @click="$store.chats.newChat()" aria-label="New Chat" title="New Chat" data-bs-placement="top" data-bs-trigger="hover">
-            <span class="material-symbols-outlined">chat_add_on</span>
+            <span class="material-symbols-outlined" aria-hidden="true">chat_add_on</span>
           </button>
           <x-extension id="chats-header-controls"></x-extension>
         </div>
@@ -33,8 +33,8 @@ <h3 class="section-header">Chats</h3>
                   <span class="chat-name"
                     x-text="context.name ? context.name : 'Chat #' + context.no"></span>
                 </div>
-                <button class="btn-icon-action chat-list-action-btn" title="Close chat" @click.stop="$confirmClick($event, () => $store.chats.killChat(context.id))">
-                  <span class="material-symbols-outlined">close</span>
+                <button class="btn-icon-action chat-list-action-btn" title="Close chat" aria-label="Close chat" @click.stop="$confirmClick($event, () => $store.chats.killChat(context.id))">
+                  <span class="material-symbols-outlined" aria-hidden="true">close</span>
                 </button>
               </div>
             </li>
diff --git a/webui/components/sidebar/tasks/tasks-list.html b/webui/components/sidebar/tasks/tasks-list.html
index 2dc6c08337..09079c0b4b 100644
--- a/webui/components/sidebar/tasks/tasks-list.html
+++ b/webui/components/sidebar/tasks/tasks-list.html
@@ -41,15 +41,16 @@
                         <div class="task-actions">
                           <button class="btn-icon-action"
                                   @click.stop="$store.tasks.openDetail(task.id)"
-                                  title="View task details">
-                            <span class="material-symbols-outlined">Info</span>
+                                  title="View task details"
+                                  aria-label="View task details">
+                            <span class="material-symbols-outlined" aria-hidden="true">Info</span>
                           </button>
-                          <button class="btn-icon-action" title="Clear task chat"
+                          <button class="btn-icon-action" title="Clear task chat" aria-label="Clear task chat"
                                   @click.stop="$confirmClick($event, () => $store.tasks.reset(task.id))">
-                            <span class="material-symbols-outlined">delete_sweep</span>
+                            <span class="material-symbols-outlined" aria-hidden="true">delete_sweep</span>
                           </button>
-                          <button class="btn-icon-action" title="Delete task" @click.stop="$confirmClick($event, () => $store.tasks.deleteTask(task.id))">
-                            <span class="material-symbols-outlined">close</span>
+                          <button class="btn-icon-action" title="Delete task" aria-label="Delete task" @click.stop="$confirmClick($event, () => $store.tasks.deleteTask(task.id))">
+                            <span class="material-symbols-outlined" aria-hidden="true">close</span>
                           </button>
                         </div>
                       </div>