fix(a11y): wai aria label for icon component

italia · Feb 7, 2024 · 3bfe2b4 · 3bfe2b4
1 parent 072df92
commit 3bfe2b4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/projects/design-angular-kit/src/lib/components/utils/icon/icon.component.html b/projects/design-angular-kit/src/lib/components/utils/icon/icon.component.html
@@ -1,3 +1,3 @@
-<svg [class]="iconClass">
+<svg [attr.aria-hidden]="isAriaHidden" [attr.aria-label]="labelWaria" [class]="iconClass">
   <use [attr.href]="iconHref" [attr.xlink:href]="iconHref"></use>
 </svg>
diff --git a/projects/design-angular-kit/src/lib/components/utils/icon/icon.component.ts b/projects/design-angular-kit/src/lib/components/utils/icon/icon.component.ts
@@ -71,6 +71,15 @@ export class ItIconComponent {
    */
   protected assetBasePath: string;
 
+  /**
+   * Custom Waria label
+   */
+  @Input() labelWaria: string | undefined;
+
+  get isAriaHidden(): boolean {
+    return this.labelWaria == undefined;
+  }
+
   constructor() {
     this.assetBasePath = inject(IT_ASSET_BASE_PATH);
   }