LP2015138 Add aria-hidden to link table edit icons user/sleary/lp2015138-aria-hidden-edit-icons
authorStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 3 May 2023 12:54:09 +0000 (12:54 +0000)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 3 May 2023 12:54:09 +0000 (12:54 +0000)
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>
Open-ILS/src/eg2/src/app/staff/share/link-table/link-table.component.html

index 0d82279..41a97d7 100644 (file)
@@ -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>