Merge branch 'master' into pbozhinov/fix-10081

Author: kdinev

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-clear-filters.component.html

@@ -2,7 +2,8 @@
     tabindex="0"
     [ngClass]="clearFilterClass()"
     (keydown)="onClearFilterKeyDown($event)"
-    (click)="clearFilter()">
+    (click)="clearFilter()"
+    role="menuitem">
     <span>{{ esf.grid.resourceStrings.igx_grid_excel_filter_clear }}</span>
     <igx-icon>clear</igx-icon>
 </div>

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-conditional-filter.component.html

@@ -3,7 +3,9 @@
         class="igx-excel-filter__actions-filter"
         (keydown)="onTextFilterKeyDown($event)"
         (click)="onTextFilterClick($event)"
-        [igxDropDownItemNavigation]="subMenu">
+        [igxDropDownItemNavigation]="subMenu"
+        role="menuitem"
+        aria-haspopup="true">
         <span>{{ subMenuText }}</span>
         <igx-icon>keyboard_arrow_right</igx-icon>
     </div>

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-hiding.component.html

@@ -1,7 +1,8 @@
 <div *ngIf="esf.column"
     class="igx-excel-filter__actions-hide"
     tabindex="0"
-    (click)="esf.onHideToggle()">
+    (click)="esf.onHideToggle()"
+    role="menuitem">
     <span>{{ esf.column.hidden ? esf.grid.resourceStrings.igx_grid_excel_show : esf.grid.resourceStrings.igx_grid_excel_hide }}</span>
     <igx-icon>{{ esf.column.hidden ? 'visibility' : 'visibility_off' }}</igx-icon>
 </div>

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-pinning.component.html

@@ -1,7 +1,8 @@
 <div *ngIf="esf.column"
     [ngClass]="esf.column.pinned ? 'igx-excel-filter__actions-unpin' : 'igx-excel-filter__actions-pin'"
     (click)="esf.onPin()"
-    tabindex="0">
+    tabindex="0"
+    role="menuitem">
     <span>{{ esf.column.pinned ? esf.grid.resourceStrings.igx_grid_excel_unpin : esf.grid.resourceStrings.igx_grid_excel_pin }}</span>
     <igx-icon family="imx-icons" name="{{ esf.column.pinned ? 'unpin-left' : 'pin-left' }}"></igx-icon>
 </div>

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-selecting.component.html

@@ -1,7 +1,9 @@
 <div *ngIf="esf.column"
     [ngClass]="esf.selectedClass()"
     tabindex="0"
-    (click)="esf.onSelect()">
+    (click)="esf.onSelect()"
+    role="button"
+    [attr.aria-pressed]="esf.column.selected">
     <span>{{esf.grid.resourceStrings.igx_grid_excel_select }}</span>
     <igx-icon>done</igx-icon>
 </div>