From 974129f9a914e4937c2907320d98c1a3ffbfd0be Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sun, 28 Jun 2026 08:56:53 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Improve=20accessibili?=
 =?UTF-8?q?ty=20for=20scheduler=20task=20list=20icon=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `aria-label` to icon-only buttons and `aria-hidden="true"` to their inner material-symbols-outlined spans in the scheduler task list. Screen readers would previously read the raw ligature text (e.g. 'play_arrow', 'delete') which is confusing for accessibility users.

Co-authored-by: thirdeyenation <133812267+thirdeyenation@users.noreply.github.com>
---
 .../modals/scheduler/scheduler-task-list.html | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/webui/components/modals/scheduler/scheduler-task-list.html b/webui/components/modals/scheduler/scheduler-task-list.html
index 5e39b5b3af..27ec574b84 100644
--- a/webui/components/modals/scheduler/scheduler-task-list.html
+++ b/webui/components/modals/scheduler/scheduler-task-list.html
@@ -55,8 +55,8 @@
                 <!-- Pagination -->
                 <div class="status-pagination" x-show="$store.schedulerStore.totalPages > 1">
                     <button class="btn btn-icon" @click="$store.schedulerStore.prevPage()"
-                        :disabled="$store.schedulerStore.currentPage === 1" title="Previous Page">
-                        <span class="material-symbols-outlined">chevron_left</span>
+                        :disabled="$store.schedulerStore.currentPage === 1" aria-label="Previous Page" title="Previous Page">
+                        <span class="material-symbols-outlined" aria-hidden="true">chevron_left</span>
                     </button>
                     <div class="page-input-group">
                         <label>Page</label>
@@ -70,8 +70,8 @@
                     </div>
                     <button class="btn btn-icon" @click="$store.schedulerStore.nextPage()"
                         :disabled="$store.schedulerStore.currentPage === $store.schedulerStore.totalPages"
-                        title="Next Page">
-                        <span class="material-symbols-outlined">chevron_right</span>
+                        aria-label="Next Page" title="Next Page">
+                        <span class="material-symbols-outlined" aria-hidden="true">chevron_right</span>
                     </button>
                 </div>
             </div>
@@ -134,20 +134,20 @@
                             <td class="col-actions" @click.stop>
                                 <div class="actions-wrapper">
                                     <button class="btn btn-action"
-                                            @click="$store.schedulerStore.runTask(task.uuid)" title="Run Task">
-                                        <span class="material-symbols-outlined">play_arrow</span>
+                                            @click="$store.schedulerStore.runTask(task.uuid)" aria-label="Run Task" title="Run Task">
+                                        <span class="material-symbols-outlined" aria-hidden="true">play_arrow</span>
                                     </button>
                                     <button class="btn btn-action"
-                                            @click="$store.schedulerStore.resetTaskState(task.uuid)" title="Reset State">
-                                        <span class="material-symbols-outlined">refresh</span>
+                                            @click="$store.schedulerStore.resetTaskState(task.uuid)" aria-label="Reset State" title="Reset State">
+                                        <span class="material-symbols-outlined" aria-hidden="true">refresh</span>
                                     </button>
                                     <button class="btn btn-action"
-                                            @click="$store.schedulerStore.startEditTask(task.uuid)" title="Edit Task">
-                                        <span class="material-symbols-outlined">edit</span>
+                                            @click="$store.schedulerStore.startEditTask(task.uuid)" aria-label="Edit Task" title="Edit Task">
+                                        <span class="material-symbols-outlined" aria-hidden="true">edit</span>
                                     </button>
                                     <button class="btn btn-action delete"
-                                            @click="$confirmClick($event, () => $store.schedulerStore.deleteTask(task.uuid))" title="Delete Task">
-                                        <span class="material-symbols-outlined">delete</span>
+                                            @click="$confirmClick($event, () => $store.schedulerStore.deleteTask(task.uuid))" aria-label="Delete Task" title="Delete Task">
+                                        <span class="material-symbols-outlined" aria-hidden="true">delete</span>
                                     </button>
                                 </div>
                             </td>
@@ -173,8 +173,8 @@
 
                 <div class="status-pagination">
                     <button class="btn btn-icon" @click="$store.schedulerStore.prevPage()"
-                        :disabled="$store.schedulerStore.currentPage === 1" title="Previous Page">
-                        <span class="material-symbols-outlined">chevron_left</span>
+                        :disabled="$store.schedulerStore.currentPage === 1" aria-label="Previous Page" title="Previous Page">
+                        <span class="material-symbols-outlined" aria-hidden="true">chevron_left</span>
                     </button>
                     <div class="page-input-group">
                         <label>Page</label>
@@ -188,8 +188,8 @@
                     </div>
                     <button class="btn btn-icon" @click="$store.schedulerStore.nextPage()"
                         :disabled="$store.schedulerStore.currentPage === $store.schedulerStore.totalPages"
-                        title="Next Page">
-                        <span class="material-symbols-outlined">chevron_right</span>
+                        aria-label="Next Page" title="Next Page">
+                        <span class="material-symbols-outlined" aria-hidden="true">chevron_right</span>
                     </button>
                 </div>
             </div>