fix(wizard): remove duplicate, untranslated status screen reader text

CDE-2292
vmware-clarity · Oct 3, 2024 · 0afa001 · 0afa001
1 parent 1c359f2
commit 0afa001
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/projects/angular/src/wizard/wizard-stepnav-item.ts b/projects/angular/src/wizard/wizard-stepnav-item.ts
@@ -22,16 +22,22 @@ import { ClrWizardPage } from './wizard-page';
       [attr.disabled]="isDisabled ? '' : null"
     >
       <div class="clr-wizard-stepnav-link-icon">
-        <cds-icon *ngIf="hasError" shape="error-standard" aria-label="error"></cds-icon>
-        <cds-icon *ngIf="!hasError && isComplete" shape="success-standard" aria-label="complete"></cds-icon>
+        <cds-icon
+          *ngIf="hasError"
+          shape="error-standard"
+          [attr.aria-label]="commonStrings.keys.wizardStepError"
+        ></cds-icon>
+        <cds-icon
+          *ngIf="!hasError && isComplete"
+          shape="success-standard"
+          [attr.aria-label]="commonStrings.keys.wizardStepSuccess"
+        ></cds-icon>
       </div>
 
       <div class="clr-wizard-stepnav-link-page-number"><ng-content></ng-content></div>
       <span class="clr-wizard-stepnav-link-title">
         <ng-template [ngTemplateOutlet]="page.navTitle"></ng-template>
       </span>
-      <span *ngIf="hasError" class="clr-sr-only">{{ commonStrings.keys.wizardStepError }}</span>
-      <span *ngIf="!hasError && isComplete" class="clr-sr-only">{{ commonStrings.keys.wizardStepSuccess }}</span>
     </button>
   `,
   host: {