fix: risolto il bag di accessibilità sul componente it-icon

#315
italia · Feb 6, 2024 · 88153d3 · 88153d3
1 parent 072df92
commit 88153d3
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);
   }