From: Stephanie Leary <stephanie.leary@equinoxoli.org>
Date: Wed, 3 May 2023 12:54:09 +0000 (+0000)
Subject: LP2015138 Add aria-hidden to link table edit icons
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=refs%2Fheads%2Fuser%2Fsleary%2Flp2015138-aria-hidden-edit-icons;p=working%2FEvergreen.git

LP2015138 Add aria-hidden to link table edit icons

Adds the aria-hidden attribute to the material icons in the link table
component, to prevent the word "edit" from being announced to screen
readers (inaccurately, in some cases where the setting can be viewed but
not edited).

Signed-off-by: Stephanie Leary <stephanie.leary@equinoxoli.org>
---

diff --git a/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html b/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
index 0d82279307..41a97d7147 100644
--- a/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html
@@ -7,13 +7,13 @@
           because routerLink will take precedence, even if it's empty -->
       <ng-container *ngIf="row[col].url">
         <a [href]="row[col].url" class="with-material-icon">
-          <span class="material-icons">edit</span>
+          <span class="material-icons" aria-hidden="true">edit</span>
           <span>{{row[col].label}}</span>
         </a>
       </ng-container>
       <ng-container *ngIf="row[col].routerLink">
         <a [routerLink]="row[col].routerLink" class="with-material-icon">
-          <span class="material-icons">edit</span>
+          <span class="material-icons" aria-hidden="true">edit</span>
           <span>{{row[col].label}}</span>
         </a>
       </ng-container>