From 0e1d48179d94883fa8ce493e19ec36d8c47040e1 Mon Sep 17 00:00:00 2001
From: Vicki League <vleague@bitwarden.com>
Date: Thu, 12 Jun 2025 16:27:26 -0400
Subject: [PATCH] [PM-13196] Hide decorative chip select icons from
 screenreaders (#14990)

---
 libs/components/src/chip-select/chip-select.component.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/libs/components/src/chip-select/chip-select.component.html b/libs/components/src/chip-select/chip-select.component.html
index 78321afa9b..9591194e6a 100644
--- a/libs/components/src/chip-select/chip-select.component.html
+++ b/libs/components/src/chip-select/chip-select.component.html
@@ -28,13 +28,14 @@
     #chipSelectButton
   >
     <span class="tw-inline-flex tw-items-center tw-gap-1.5 tw-truncate">
-      <i class="bwi !tw-text-[inherit]" [ngClass]="icon"></i>
+      <i class="bwi !tw-text-[inherit]" [ngClass]="icon" aria-hidden="true"></i>
       <span class="tw-truncate">{{ label }}</span>
     </span>
     @if (!selectedOption) {
       <i
         class="bwi tw-mt-0.5"
         [ngClass]="menuTrigger.isOpen ? 'bwi-angle-up' : 'bwi-angle-down'"
+        aria-hidden="true"
       ></i>
     }
   </button>
@@ -51,7 +52,7 @@
       }"
       (click)="clear()"
     >
-      <i class="bwi bwi-close tw-text-xs"></i>
+      <i class="bwi bwi-close tw-text-xs" aria-hidden="true"></i>
     </button>
   }
 </div>
@@ -101,7 +102,7 @@
           }
           {{ option.label }}
           @if (option.children?.length) {
-            <i slot="end" class="bwi bwi-angle-right"></i>
+            <i slot="end" class="bwi bwi-angle-right" aria-hidden="true"></i>
           }
         </button>
       }