feat: filter selection aria label set

markuczy · Mar 4, 2024 · 83c19ff · 83c19ff
1 parent 02fd3be
commit 83c19ff
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/libs/portal-integration-angular/src/lib/core/components/data-table/data-table.component.html b/libs/portal-integration-angular/src/lib/core/components/data-table/data-table.component.html
@@ -103,7 +103,7 @@
       <ng-container *ngFor="let column of columns">
         <th *ngIf="column.sortable || column.filterable; else simpleHeader" scope="col">
           <div class="table-header-wrapper">
-            <span>{{ column.nameKey | translate }}</span>
+            <span id="{{column.id}}-header-name">{{ column.nameKey | translate }}</span>
             <span class="icon-button-header-wrapper">
               <button
                 *ngIf="column.sortable"
@@ -128,6 +128,7 @@
                 appendTo="body"
                 (onClick)="onFilterClick(column)"
                 [title]="'OCX_DATA_TABLE.FILTER_TITLE' | translate"
+                ariaLabelledBy="{{column.id}}-header-name"
               >
                 <ng-template pTemplate="selectedItems" let-value>
                   <div