From 3950099062d4fc26b8305acc501d4e67ba938a62 Mon Sep 17 00:00:00 2001
From: Don Walizer <12420708+dwalizer@users.noreply.github.com>
Date: Wed, 18 Sep 2024 10:36:30 -0400
Subject: [PATCH 1/2] #2857 Add aria-label to buttons

---
 dashboard/src/components/utils/iconPicker/IconManager.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/utils/iconPicker/IconManager.vue b/dashboard/src/components/utils/iconPicker/IconManager.vue
index 59f36bb75e..fe67c99c56 100644
--- a/dashboard/src/components/utils/iconPicker/IconManager.vue
+++ b/dashboard/src/components/utils/iconPicker/IconManager.vue
@@ -348,6 +348,7 @@ const closeError = () => {
               <div v-for="(file) of icons" :key="file.filename" class="card m-0 px-6 flex flex-wrap border-1 surface-border align-items-center gap-3">
                 <div class="icon-item" style="max-width: 100px;">
                   <button class="p-link text-blue-400"
+                     :aria-label="`Select icon ${file.cssClassname}`"
                      @click.stop.prevent="selectIcon(file.filename, file.cssClassname, 'Custom Icons')"
                      :class="`item ${selectedCss === file.cssClassname ? 'selected' : ''}`">
                             <span class="icon is-large text-info">
@@ -356,7 +357,7 @@ const closeError = () => {
                   </button>
                   <br/>
                   <span class="iconName">
-                    <button class="p-link text-blue-400 delete-icon" @click="deleteIcon(file, route.params.projectId)">
+                    <button class="p-link text-blue-400 delete-icon" @click="deleteIcon(file, route.params.projectId)" :aria-label="`Delete icon ${file.cssClassname}`">
                       <span class="icon is-tiny"><i style="font-size:1rem;height:1rem;width:1rem;" class="fas fa-trash"></i></span>
                     </button>
                     <span>{{ file.filename }}</span>

From d667476069194092fa08c934885ea88c4ef2151d Mon Sep 17 00:00:00 2001
From: Don Walizer <12420708+dwalizer@users.noreply.github.com>
Date: Wed, 18 Sep 2024 10:37:25 -0400
Subject: [PATCH 2/2] #2857 Add aria-label to buttons

---
 dashboard/src/components/utils/iconPicker/IconManager.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dashboard/src/components/utils/iconPicker/IconManager.vue b/dashboard/src/components/utils/iconPicker/IconManager.vue
index fe67c99c56..c815b07560 100644
--- a/dashboard/src/components/utils/iconPicker/IconManager.vue
+++ b/dashboard/src/components/utils/iconPicker/IconManager.vue
@@ -348,7 +348,7 @@ const closeError = () => {
               <div v-for="(file) of icons" :key="file.filename" class="card m-0 px-6 flex flex-wrap border-1 surface-border align-items-center gap-3">
                 <div class="icon-item" style="max-width: 100px;">
                   <button class="p-link text-blue-400"
-                     :aria-label="`Select icon ${file.cssClassname}`"
+                     :aria-label="`Select icon ${file.filename}`"
                      @click.stop.prevent="selectIcon(file.filename, file.cssClassname, 'Custom Icons')"
                      :class="`item ${selectedCss === file.cssClassname ? 'selected' : ''}`">
                             <span class="icon is-large text-info">
@@ -357,7 +357,7 @@ const closeError = () => {
                   </button>
                   <br/>
                   <span class="iconName">
-                    <button class="p-link text-blue-400 delete-icon" @click="deleteIcon(file, route.params.projectId)" :aria-label="`Delete icon ${file.cssClassname}`">
+                    <button class="p-link text-blue-400 delete-icon" @click="deleteIcon(file, route.params.projectId)" :aria-label="`Delete icon ${file.filename}`">
                       <span class="icon is-tiny"><i style="font-size:1rem;height:1rem;width:1rem;" class="fas fa-trash"></i></span>
                     </button>
                     <span>{{ file.filename }}</span>