From 1d546164339712d95b92faab17cbcff39bd947ac Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:30:04 +0300
Subject: [PATCH 01/10] fix(grids): add ARIA roles to fix
 aria-required-children violations

---
 .../core/src/headers/grid-header-row.component.html      | 2 +-
 .../grids/core/src/headers/grid-header-row.component.ts  | 6 ++++++
 .../grids/core/src/toolbar/grid-toolbar.component.ts     | 7 +++++++
 .../igniteui-angular/grids/grid/src/grid.component.html  | 4 ++--
 .../grid/src/grouping/grid-group-by-area.component.ts    | 8 ++++++++
 .../src/hierarchical-grid.component.html                 | 4 ++--
 .../grids/pivot-grid/src/pivot-grid.component.html       | 4 ++--
 .../tree-grid/src/tree-grid-group-by-area.component.ts   | 9 ++++++++-
 .../grids/tree-grid/src/tree-grid.component.html         | 4 ++--
 9 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
index 261a1f203d9..c813accc4d8 100644
--- a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
+++ b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
@@ -1,4 +1,4 @@
-<div role="rowgroup" class="igx-grid-thead__wrapper" (scroll)="scroll($event)" [style.width.px]="width"
+<div class="igx-grid-thead__wrapper" (scroll)="scroll($event)" [style.width.px]="width"
     [class.igx-grid__tr--mrl]="hasMRL">
 
     <!-- Column headers area -->
diff --git a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.ts b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.ts
index a8fef047e5b..414cc912696 100644
--- a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.ts
+++ b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.ts
@@ -62,6 +62,12 @@ export class IgxGridHeaderRowComponent implements DoCheck {
     @Input()
     public unpinnedColumnCollection: ColumnType[] = [];
 
+    /**
+     * @hidden @internal
+     */
+    @HostBinding('attr.role')
+    public role = 'rowgroup';
+
     @HostBinding('attr.aria-activedescendant')
     public get activeDescendant() {
         const activeElem = this.navigation.activeNode;
diff --git a/projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.component.ts b/projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.component.ts
index 57ea58f5add..7ed8cd6685c 100644
--- a/projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.component.ts
+++ b/projects/igniteui-angular/grids/core/src/toolbar/grid-toolbar.component.ts
@@ -88,6 +88,13 @@ export class IgxGridToolbarComponent implements OnDestroy {
     @HostBinding('class.igx-grid-toolbar')
     public defaultStyle = true;
 
+    /**
+     * @hidden
+     * @internal
+     */
+    @HostBinding('attr.role')
+    public role = 'presentation';
+
     protected _grid: GridType;
     protected sub: Subscription;
 
diff --git a/projects/igniteui-angular/grids/grid/src/grid.component.html b/projects/igniteui-angular/grids/grid/src/grid.component.html
index c10caf47eae..63d01f55023 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.component.html
+++ b/projects/igniteui-angular/grids/grid/src/grid.component.html
@@ -200,7 +200,7 @@
     </div>
 </div>
 
-<div class="igx-grid__scroll" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
+<div class="igx-grid__scroll" role="presentation" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
     <div class="igx-grid__scroll-start" [style.width.px]="pinnedStartWidth" [style.min-width.px]="pinnedStartWidth"></div>
     <div class="igx-grid__scroll-main" [style.width.px]="unpinnedWidth">
         <ng-template igxGridFor [igxGridForOf]="EMPTY_DATA" #scrollContainer>
@@ -209,7 +209,7 @@
     <div class="igx-grid__scroll-end" [style.float]="'right'" [style.width.px]="pinnedEndWidth" [style.min-width.px]="pinnedEndWidth" [hidden]="pinnedEndWidth === 0"></div>
 </div>
 
-<div class="igx-grid__footer" #footer>
+<div class="igx-grid__footer" role="presentation" #footer>
     <ng-content select="igx-grid-footer,igc-grid-footer"></ng-content>
     <ng-content select="igx-paginator,igc-paginator"></ng-content>
 </div>
diff --git a/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts b/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
index eb391282419..d08507e763a 100644
--- a/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
+++ b/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
@@ -1,5 +1,6 @@
 import {
     Component,
+    HostBinding,
     Input,
 } from '@angular/core';
 import { IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips';
@@ -22,6 +23,13 @@ import { IGroupingExpression, ISortingExpression } from 'igniteui-angular/core';
     imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxSuffixDirective, IgxGroupAreaDropDirective, IgxDropDirective, NgTemplateOutlet, IgxGroupByMetaPipe]
 })
 export class IgxGridGroupByAreaComponent extends IgxGroupByAreaDirective {
+    /**
+     * @hidden
+     * @internal
+     */
+    @HostBinding('attr.role')
+    public role = 'presentation';
+
     @Input()
     public sortingExpressions: ISortingExpression[] = [];
 
diff --git a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
index 03b1f6c872d..6943cbe80d0 100644
--- a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
+++ b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
@@ -165,7 +165,7 @@
     </div>
 </div>
 
-<div class="igx-grid__scroll" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
+<div class="igx-grid__scroll" role="presentation" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
     <div class="igx-grid__scroll-start" [style.width.px]="pinnedStartWidth" [style.min-width.px]="pinnedStartWidth"></div>
     <div class="igx-grid__scroll-main" [style.width.px]="unpinnedWidth">
         <ng-template igxGridFor [igxGridForOf]="[]" #scrollContainer>
@@ -174,7 +174,7 @@
     <div class="igx-grid__scroll-end" [style.width.px]="pinnedEndWidth" [style.min-width.px]="pinnedEndWidth" [hidden]="pinnedEndWidth === 0"></div>
 </div>
 
-<div class="igx-grid__footer" #footer>
+<div class="igx-grid__footer" role="presentation" #footer>
     <ng-content select="igx-grid-footer,igc-grid-footer"></ng-content>
     <ng-content select="igx-paginator,igc-paginator"></ng-content>
     <ng-container #paginatorOutlet></ng-container>
diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
index 83cd715f91d..55f3dbfd721 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
@@ -85,7 +85,7 @@
     </div>
 </div>
 
-<div class="igx-grid__scroll" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
+<div class="igx-grid__scroll" role="presentation" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
     <div class="igx-grid__scroll-start" [style.width.px]="pivotPinnedStartWidth" [style.min-width.px]="pivotPinnedStartWidth"></div>
     <div class="igx-grid__scroll-main" [style.width.px]="pivotUnpinnedWidth">
         <ng-template igxGridFor [igxGridForOf]="EMPTY_DATA" #scrollContainer>
@@ -97,7 +97,7 @@
 <div class="igx-grid__tfoot" role="rowgroup" #tfoot>
 </div>
 
-<div class="igx-grid__footer" #footer>
+<div class="igx-grid__footer" role="presentation" #footer>
     <ng-content select="igx-grid-footer,igc-grid-footer"></ng-content>
 </div>
 
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
index f7a9ea6a6de..8a4ee625330 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
@@ -1,4 +1,4 @@
-import { AfterContentInit, Component, Input, IterableDiffer, IterableDiffers, OnDestroy, booleanAttribute, inject } from '@angular/core';
+import { AfterContentInit, Component, HostBinding, Input, IterableDiffer, IterableDiffers, OnDestroy, booleanAttribute, inject } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips';
@@ -23,6 +23,13 @@ import { IgxGroupAreaDropDirective, IgxGroupByAreaDirective, IgxGroupByMetaPipe
 export class IgxTreeGridGroupByAreaComponent extends IgxGroupByAreaDirective implements AfterContentInit, OnDestroy {
     private differs = inject(IterableDiffers);
 
+    /**
+     * @hidden
+     * @internal
+     */
+    @HostBinding('attr.role')
+    public role = 'presentation';
+
     @Input({ transform: booleanAttribute })
     public get hideGroupedColumns() {
         return this._hideGroupedColumns;
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
index e96adcebd54..1d9e003b6c7 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
@@ -156,7 +156,7 @@
     </div>
 </div>
 
-<div class="igx-grid__scroll" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
+<div class="igx-grid__scroll" role="presentation" [style.height.px]="scrollSize" #scr [hidden]="isHorizontalScrollHidden" (pointerdown)="$event.preventDefault()">
     <div class="igx-grid__scroll-start" [style.width.px]='pinnedStartWidth' [style.min-width.px]='pinnedStartWidth'></div>
     <div class="igx-grid__scroll-main" [style.width.px]='unpinnedWidth'>
         <ng-template igxGridFor [igxGridForOf]='[]' #scrollContainer>
@@ -165,7 +165,7 @@
     <div class="igx-grid__scroll-end" [style.width.px]='pinnedEndWidth' [style.min-width.px]='pinnedEndWidth' [hidden]="pinnedEndWidth === 0"></div>
 </div>
 
-<div class="igx-grid__footer" #footer>
+<div class="igx-grid__footer" role="presentation" #footer>
     <ng-content select="igx-grid-footer,igc-grid-footer"></ng-content>
     <ng-content select="igx-paginator,igc-paginator"></ng-content>
 </div>

From 6e1467c4581640ba43c628a1c9719ce661ad732b Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:32:10 +0300
Subject: [PATCH 02/10] fix(grids): remove unused variable in grid
 accessibility changes

---
 .../grids/grid/src/grid.component.spec.ts     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts b/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
index dcdb16a7f1a..e7ff6038be1 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
+++ b/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
@@ -339,6 +339,32 @@ describe('IgxGrid Component Tests #grid', () => {
 
         }));
 
+        it('should have correct ARIA role structure on tbody and tfoot', fakeAsync(() => {
+            const fixture = TestBed.createComponent(IgxGridTestComponent);
+            fixture.componentInstance.columns[0].hasSummary = true;
+
+            fixture.componentInstance.generateData(30);
+            fixture.detectChanges();
+            tick(100);
+
+            // Outer tbody wrapper is layout-only
+            const tbodyWrapper = fixture.nativeElement.querySelector('.igx-grid__tbody');
+            expect(tbodyWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner focus host is the rowgroup
+            const tbodyContent = fixture.nativeElement.querySelector('.igx-grid__tbody-content');
+            expect(tbodyContent.getAttribute('role')).toBe('rowgroup');
+            expect(tbodyContent.getAttribute('tabindex')).toBe('0');
+
+            // Outer tfoot wrapper is layout-only
+            const tfootWrapper = fixture.nativeElement.querySelector('.igx-grid__tfoot');
+            expect(tfootWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner tfoot div is the rowgroup focus host
+            const tfootContent = fixture.nativeElement.querySelector('.igx-grid__tfoot > div');
+            expect(tfootContent.getAttribute('role')).toBe('rowgroup');
+            expect(tfootContent.getAttribute('tabindex')).toBe('0');
+        }));
         it('should render empty message', fakeAsync(() => {
             const fixture = TestBed.createComponent(IgxGridTestComponent);
             fixture.componentInstance.data = [];

From 10c86fb6bdf36a41f4bb7bf5063d41cc58c085c0 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:32:41 +0300
Subject: [PATCH 03/10] refactor(grids): move role=presentation to base
 IgxGroupByAreaDirective

---
 .../grids/core/src/grouping/group-by-area.directive.ts   | 6 ++++++
 .../grid/src/grouping/grid-group-by-area.component.ts    | 8 --------
 .../tree-grid/src/tree-grid-group-by-area.component.ts   | 9 +--------
 3 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/projects/igniteui-angular/grids/core/src/grouping/group-by-area.directive.ts b/projects/igniteui-angular/grids/core/src/grouping/group-by-area.directive.ts
index e2beae8f486..507fbbf4217 100644
--- a/projects/igniteui-angular/grids/core/src/grouping/group-by-area.directive.ts
+++ b/projects/igniteui-angular/grids/core/src/grouping/group-by-area.directive.ts
@@ -37,6 +37,12 @@ export abstract class IgxGroupByAreaDirective {
     @HostBinding('class.igx-grid-grouparea')
     public defaultClass = true;
 
+    /**
+     * @hidden @internal
+     */
+    @HostBinding('attr.role')
+    public role = 'presentation';
+
     /** The parent grid containing the component. */
     @Input()
     public grid: FlatGridType | GridType;
diff --git a/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts b/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
index d08507e763a..eb391282419 100644
--- a/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
+++ b/projects/igniteui-angular/grids/grid/src/grouping/grid-group-by-area.component.ts
@@ -1,6 +1,5 @@
 import {
     Component,
-    HostBinding,
     Input,
 } from '@angular/core';
 import { IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips';
@@ -23,13 +22,6 @@ import { IGroupingExpression, ISortingExpression } from 'igniteui-angular/core';
     imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxSuffixDirective, IgxGroupAreaDropDirective, IgxDropDirective, NgTemplateOutlet, IgxGroupByMetaPipe]
 })
 export class IgxGridGroupByAreaComponent extends IgxGroupByAreaDirective {
-    /**
-     * @hidden
-     * @internal
-     */
-    @HostBinding('attr.role')
-    public role = 'presentation';
-
     @Input()
     public sortingExpressions: ISortingExpression[] = [];
 
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
index 8a4ee625330..f7a9ea6a6de 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-group-by-area.component.ts
@@ -1,4 +1,4 @@
-import { AfterContentInit, Component, HostBinding, Input, IterableDiffer, IterableDiffers, OnDestroy, booleanAttribute, inject } from '@angular/core';
+import { AfterContentInit, Component, Input, IterableDiffer, IterableDiffers, OnDestroy, booleanAttribute, inject } from '@angular/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips';
@@ -23,13 +23,6 @@ import { IgxGroupAreaDropDirective, IgxGroupByAreaDirective, IgxGroupByMetaPipe
 export class IgxTreeGridGroupByAreaComponent extends IgxGroupByAreaDirective implements AfterContentInit, OnDestroy {
     private differs = inject(IterableDiffers);
 
-    /**
-     * @hidden
-     * @internal
-     */
-    @HostBinding('attr.role')
-    public role = 'presentation';
-
     @Input({ transform: booleanAttribute })
     public get hideGroupedColumns() {
         return this._hideGroupedColumns;

From 110220fd55edfeb6b4cf510326dd609f1a55d6a4 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:33:37 +0300
Subject: [PATCH 04/10] fix(grids): improve ARIA role hierarchy in grid
 composite widgets

---
 .../src/filtering/base/grid-filtering-cell.component.ts   | 3 +++
 .../grids/core/src/headers/grid-header-row.component.html | 4 ++--
 .../grids/grid/src/grid-row.component.html                | 4 ++--
 .../igniteui-angular/grids/grid/src/grid.component.html   | 8 ++++----
 .../grids/grid/src/groupby-row.component.html             | 8 ++++----
 .../grids/grid/src/groupby-row.component.ts               | 4 +++-
 .../src/hierarchical-grid.component.html                  | 8 ++++----
 .../hierarchical-grid/src/hierarchical-row.component.html | 4 ++--
 .../grids/pivot-grid/src/pivot-grid.component.html        | 6 +++---
 .../grids/tree-grid/src/tree-grid-row.component.html      | 4 ++--
 .../grids/tree-grid/src/tree-grid.component.html          | 8 ++++----
 11 files changed, 33 insertions(+), 28 deletions(-)

diff --git a/projects/igniteui-angular/grids/core/src/filtering/base/grid-filtering-cell.component.ts b/projects/igniteui-angular/grids/core/src/filtering/base/grid-filtering-cell.component.ts
index c99c34d3355..84ecfa540fc 100644
--- a/projects/igniteui-angular/grids/core/src/filtering/base/grid-filtering-cell.component.ts
+++ b/projects/igniteui-angular/grids/core/src/filtering/base/grid-filtering-cell.component.ts
@@ -79,6 +79,9 @@ export class IgxGridFilteringCellComponent implements AfterViewInit, OnInit, DoC
         return !this.column.grid.hasColumnLayouts ? this.column.isFirstPinned : false;;
     }
 
+    @HostBinding('attr.role')
+    public role = 'gridcell';
+
     private baseClass = 'igx-grid__filtering-cell-indicator';
 
     constructor() {
diff --git a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
index c813accc4d8..e55fd3382b4 100644
--- a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
+++ b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
@@ -16,7 +16,7 @@
 
         <!-- Row dragging area -->
         @if (grid.rowDraggable) {
-            <div #headerDragContainer class="igx-grid__drag-indicator igx-grid__tr-action" (pointerdown)="$event.preventDefault()" [class.igx-grid__drag-indicator--header]="!grid.isRowSelectable">
+            <div #headerDragContainer class="igx-grid__drag-indicator igx-grid__tr-action" role="columnheader" (pointerdown)="$event.preventDefault()" [class.igx-grid__drag-indicator--header]="!grid.isRowSelectable">
                 <div style="visibility: hidden;">
                     <ng-container *ngTemplateOutlet="grid.dragIndicatorIconTemplate || grid.dragIndicatorIconBase"></ng-container>
                 </div>
@@ -25,7 +25,7 @@
 
         <!-- Row selectors area -->
         @if (grid.showRowSelectors) {
-            <div #headerSelectorContainer class="igx-grid__cbx-selection igx-grid__tr-action"
+            <div #headerSelectorContainer class="igx-grid__cbx-selection igx-grid__tr-action" role="columnheader"
                 [class.igx-grid__cbx-selection--push]="grid.filteringService.isFilterRowVisible"
                 (click)="headerRowSelection($event)"
                 (pointerdown)="$event.preventDefault()">
diff --git a/projects/igniteui-angular/grids/grid/src/grid-row.component.html b/projects/igniteui-angular/grids/grid/src/grid-row.component.html
index 5ef9a3af0ea..3804d9bbfdd 100644
--- a/projects/igniteui-angular/grids/grid/src/grid-row.component.html
+++ b/projects/igniteui-angular/grids/grid/src/grid-row.component.html
@@ -7,12 +7,12 @@
 </ng-template>
 <ng-template #defaultTemp>
     @if (rowDraggable) {
-        <div [class]="resolveDragIndicatorClasses" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()">
+        <div [class]="resolveDragIndicatorClasses" role="gridcell" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()">
             <ng-container *ngTemplateOutlet="this.grid.dragIndicatorIconTemplate ? this.grid.dragIndicatorIconTemplate : this.grid.dragIndicatorIconBase"></ng-container>
         </div>
     }
     @if (this.showRowSelectors) {
-        <div class="igx-grid__cbx-selection igx-grid__tr-action" (pointerdown)="$event.preventDefault()" (click)="onRowSelectorClick($event)">
+        <div class="igx-grid__cbx-selection igx-grid__tr-action" role="gridcell" (pointerdown)="$event.preventDefault()" (click)="onRowSelectorClick($event)">
             <ng-template *ngTemplateOutlet="
                 this.grid.rowSelectorTemplate ? this.grid.rowSelectorTemplate : rowSelectorBaseTemplate;
                 context: { $implicit: { index: viewIndex, rowID: key, key, selected: selected }}">
diff --git a/projects/igniteui-angular/grids/grid/src/grid.component.html b/projects/igniteui-angular/grids/grid/src/grid.component.html
index 63d01f55023..cb41e274ad1 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.component.html
+++ b/projects/igniteui-angular/grids/grid/src/grid.component.html
@@ -30,8 +30,8 @@
 >
 </igx-grid-header-row>
 
-<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="rowgroup">
-    <div class="igx-grid__tbody-content" tabindex="0" [attr.role]="dataView.length ? null : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
+<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="presentation">
+    <div class="igx-grid__tbody-content" tabindex="0" [attr.role]="dataView.length ? 'rowgroup' : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
         (dragStop)="selectionService.dragMode = $event" (scroll)="preventContainerScroll($event)"
         (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode"
         [style.height.px]="totalHeight" [style.width.px]="totalCalcWidth" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody [attr.aria-activedescendant]="activeDescendant">
@@ -186,8 +186,8 @@
 </div>
 
 
-<div class="igx-grid__tfoot" role="rowgroup" [style.height.px]="summaryRowHeight" #tfoot>
-    <div tabindex="0" (focus)="navigation.focusFirstCell(false)" (keydown)="navigation.summaryNav($event)" [attr.aria-activedescendant]="activeDescendant">
+<div class="igx-grid__tfoot" role="presentation" [style.height.px]="summaryRowHeight" #tfoot>
+    <div tabindex="0" role="rowgroup" (focus)="navigation.focusFirstCell(false)" (keydown)="navigation.summaryNav($event)" [attr.aria-activedescendant]="activeDescendant">
         @if (hasSummarizedColumns && rootSummariesEnabled) {
             <igx-grid-summary-row [style.width.px]="calcWidth"  [style.height.px]="summaryRowHeight"
                 [gridID]="id" role="row"
diff --git a/projects/igniteui-angular/grids/grid/src/groupby-row.component.html b/projects/igniteui-angular/grids/grid/src/groupby-row.component.html
index 7362a297960..43dd34734e9 100644
--- a/projects/igniteui-angular/grids/grid/src/groupby-row.component.html
+++ b/projects/igniteui-angular/grids/grid/src/groupby-row.component.html
@@ -1,13 +1,13 @@
 <ng-container #defaultGroupRow>
 
     @if (rowDraggable) {
-        <div class="igx-grid__drag-indicator igx-grid__tr-action">
+        <div class="igx-grid__drag-indicator igx-grid__tr-action" role="gridcell">
             <igx-icon family="default" name="drag_indicator" [style.visibility]="'hidden'"></igx-icon>
         </div>
     }
 
     @if (showRowSelectors) {
-        <div class="igx-grid__cbx-selection igx-grid__tr-action" (pointerdown)="$event.preventDefault()"
+        <div class="igx-grid__cbx-selection igx-grid__tr-action" role="gridcell" (pointerdown)="$event.preventDefault()"
             (click)="onGroupSelectorClick($event)">
             <ng-template #groupByRowSelector *ngTemplateOutlet="
                 this.grid.groupByRowSelectorTemplate ? this.grid.groupByRowSelectorTemplate : groupByRowSelectorBaseTemplate;
@@ -19,12 +19,12 @@
         </div>
     }
 
-    <div (click)="toggle()" class="igx-grid__grouping-indicator">
+    <div (click)="toggle()" class="igx-grid__grouping-indicator" role="gridcell" [attr.aria-expanded]="expanded">
         <ng-container *ngTemplateOutlet="iconTemplate; context: { $implicit: this }">
         </ng-container>
     </div>
 
-    <div class="igx-grid__group-content" #groupContent>
+    <div class="igx-grid__group-content" role="gridcell" #groupContent>
         <ng-container
             *ngTemplateOutlet="grid.groupRowTemplate ? grid.groupRowTemplate : defaultGroupByTemplate; context: { $implicit: groupRow }">
         </ng-container>
diff --git a/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts b/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
index f50229f4591..e730097fdb5 100644
--- a/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
+++ b/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
@@ -183,7 +183,6 @@ export class IgxGridGroupByRowComponent implements OnDestroy {
      * const groupRowExpanded = this.grid1.rowList.first.expanded;
      * ```
      */
-    @HostBinding('attr.aria-expanded')
     public get expanded(): boolean {
         return this.grid.isExpandedGroup(this.groupRow);
     }
@@ -229,6 +228,9 @@ export class IgxGridGroupByRowComponent implements OnDestroy {
             (this.isActive() ? ` ${this.defaultCssClass}--active` : '');
     }
 
+    @HostBinding('attr.role')
+    public role = 'row';
+
     public isActive() {
         return this.grid.navigation.activeNode ? this.grid.navigation.activeNode.row === this.index : false;
     }
diff --git a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
index 6943cbe80d0..00edd902d3e 100644
--- a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
+++ b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.component.html
@@ -16,10 +16,10 @@
 >
 </igx-grid-header-row>
 
-<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="rowgroup">
+<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="presentation">
     <div class="igx-grid__tbody-content"  tabindex="0" (focus)="navigation.focusTbody($event)"
         (keydown)="navigation.handleNavigation($event)" (dragStop)="selectionService.dragMode = $event"
-        (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode" [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? null : 'row'"
+        (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode" [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? 'rowgroup' : 'row'"
         [style.height.px]="totalHeight" [style.width.px]="totalCalcWidth" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody (scroll)="preventContainerScroll($event)">
         @if (moving && columnInDrag && pinnedColumns.length <= 0) {
             <span
@@ -150,8 +150,8 @@
     </div>
 </div>
 
-<div class="igx-grid__tfoot" role="rowgroup" [style.height.px]="summaryRowHeight" #tfoot>
-    <div tabindex="0" (focus)="navigation.focusFirstCell(false)" [attr.aria-activedescendant]="activeDescendant"
+<div class="igx-grid__tfoot" role="presentation" [style.height.px]="summaryRowHeight" #tfoot>
+    <div tabindex="0" role="rowgroup" (focus)="navigation.focusFirstCell(false)" [attr.aria-activedescendant]="activeDescendant"
         (keydown)="navigation.summaryNav($event)">
         @if (hasSummarizedColumns && rootSummariesEnabled) {
             <igx-grid-summary-row [style.width.px]="calcWidth" [style.height.px]="summaryRowHeight"
diff --git a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-row.component.html b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-row.component.html
index 9929fd298f2..ffafe6f2b43 100644
--- a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-row.component.html
+++ b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-row.component.html
@@ -20,14 +20,14 @@
 <ng-template #defaultTemp>
     <!-- Drag indicator -->
     @if (rowDraggable) {
-        <div [class]="resolveDragIndicatorClasses" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()" (pointerdown)="$event.preventDefault()">
+        <div [class]="resolveDragIndicatorClasses" role="gridcell" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()" (pointerdown)="$event.preventDefault()">
             <ng-container *ngTemplateOutlet="this.grid.dragIndicatorIconTemplate ? this.grid.dragIndicatorIconTemplate : this.grid.dragIndicatorIconBase"></ng-container>
         </div>
     }
 
     <!-- Select Row -->
     @if (showRowSelectors) {
-        <div class="igx-grid__cbx-selection igx-grid__tr-action" (click)="onRowSelectorClick($event)" (pointerdown)="$event.preventDefault()">
+        <div class="igx-grid__cbx-selection igx-grid__tr-action" role="gridcell" (click)="onRowSelectorClick($event)" (pointerdown)="$event.preventDefault()">
             <ng-template *ngTemplateOutlet="
                 this.grid.rowSelectorTemplate ? this.grid.rowSelectorTemplate : rowSelectorBaseTemplate;
                 context: { $implicit: {
diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
index 55f3dbfd721..0df4cb2e11c 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
@@ -17,9 +17,9 @@
 >
 </igx-pivot-header-row>
 
-<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="rowgroup">
+<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="presentation">
     <ng-container *ngTemplateOutlet="rowDimensions.length ? (hasHorizontalLayout ? horizontalRowDimensionsTemplate : defaultRowDimensionsTemplate) : emptyRowDimensionsTemplate; context: this"></ng-container>
-    <div class="igx-grid__tbody-content" tabindex="0"  [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? null : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
+    <div class="igx-grid__tbody-content" tabindex="0"  [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? 'rowgroup' : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
         (dragStop)="selectionService.dragMode = $event" (scroll)="preventContainerScroll($event)"
         (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode"
         [style.height.px]="totalHeight" [style.width.px]="pivotContentCalcWidth || null" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody [attr.aria-activedescendant]="activeDescendant">
@@ -94,7 +94,7 @@
     <div class="igx-grid__scroll-end" [style.width.px]="pivotPinnedEndWidth" [style.min-width.px]="pivotPinnedEndWidth" [hidden]="pivotPinnedEndWidth === 0"></div>
 </div>
 
-<div class="igx-grid__tfoot" role="rowgroup" #tfoot>
+<div class="igx-grid__tfoot" role="presentation" #tfoot>
 </div>
 
 <div class="igx-grid__footer" role="presentation" #footer>
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-row.component.html b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-row.component.html
index abfea16a930..eb03ff7750b 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid-row.component.html
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid-row.component.html
@@ -7,12 +7,12 @@
 </ng-template>
 <ng-template #defaultTemp>
     @if (rowDraggable) {
-        <div [class]="resolveDragIndicatorClasses" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()">
+        <div [class]="resolveDragIndicatorClasses" role="gridcell" [igxRowDrag]="this" (click)="$event.stopPropagation()" [ghostTemplate]="this.grid.getDragGhostCustomTemplate()">
             <ng-container *ngTemplateOutlet="this.grid.dragIndicatorIconTemplate ? this.grid.dragIndicatorIconTemplate : this.grid.dragIndicatorIconBase"></ng-container>
         </div>
     }
     @if (showRowSelectors) {
-        <div class="igx-grid__cbx-selection igx-grid__tr-action" (click)="onRowSelectorClick($event)" (pointerdown)="$event.preventDefault()">
+        <div class="igx-grid__cbx-selection igx-grid__tr-action" role="gridcell" (click)="onRowSelectorClick($event)" (pointerdown)="$event.preventDefault()">
             <ng-template *ngTemplateOutlet="
                 this.grid.rowSelectorTemplate ? this.grid.rowSelectorTemplate : rowSelectorBaseTemplate;
                 context: { $implicit: { index: viewIndex, rowID: key, key, selected: selected }}">
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
index 1d9e003b6c7..51aa2d8469e 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.html
@@ -15,9 +15,9 @@
 >
 </igx-grid-header-row>
 
-<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="rowgroup">
+<div igxGridBody (keydown.control.c)="copyHandler($event)" (copy)="copyHandler($event)" class="igx-grid__tbody" role="presentation">
     <div class="igx-grid__tbody-content"  tabindex="0" (focus)="navigation.focusTbody($event)" (keydown)="navigation.handleNavigation($event)"
-    (dragStop)="selectionService.dragMode = $event" [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? null : 'row'"
+    (dragStop)="selectionService.dragMode = $event" [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? 'rowgroup' : 'row'"
         (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode"
         [style.height.px]='totalHeight' [style.width.px]="totalCalcWidth" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody (scroll)='preventContainerScroll($event)'>
         @if (moving && columnInDrag && pinnedColumns.length <= 0) {
@@ -141,8 +141,8 @@
     </div>
 </div>
 
-<div class="igx-grid__tfoot" role="rowgroup" [style.height.px]='summaryRowHeight' #tfoot>
-    <div tabindex="0" (focus)="navigation.focusFirstCell(false)"
+<div class="igx-grid__tfoot" role="presentation" [style.height.px]='summaryRowHeight' #tfoot>
+    <div tabindex="0" role="rowgroup" (focus)="navigation.focusFirstCell(false)"
         (keydown)="navigation.summaryNav($event)" [attr.aria-activedescendant]="activeDescendant">
         @if (hasSummarizedColumns && rootSummariesEnabled) {
             <igx-grid-summary-row [style.width.px]='calcWidth' [style.height.px]='summaryRowHeight'

From dbe4409e293f5f2f59f2b4fd5ea6cfb44dc36394 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:33:44 +0300
Subject: [PATCH 05/10] fix(pivot-grid): enhance accessibility by adding ARIA
 roles to row groups

---
 .../grids/pivot-grid/src/pivot-grid.component.html     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
index 0df4cb2e11c..d57211c0202 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
@@ -60,8 +60,12 @@
         </ng-template>
 
         <ng-container *ngTemplateOutlet="template; context: { $implicit: this }"></ng-container>
+<<<<<<< HEAD
         <ng-container #bodyViewContainerRef></ng-container>
         <igc-trial-watermark></igc-trial-watermark>
+=======
+        <!-- <igc-trial-watermark></igc-trial-watermark> -->
+>>>>>>> 3f97adf006 (fix(pivot-grid): enhance accessibility by adding ARIA roles to row groups)
     </div>
     <div igxToggle #loadingOverlay>
         @if (shouldOverlayLoading) {
@@ -138,7 +142,7 @@
 
 <ng-template #defaultRowDimensionsTemplate>
     @for (dim of rowDimensions; track dim.memberName; let dimIndex = $index) {
-        <div tabindex="0" [style.height.px]="totalHeight" #rowDimensionContainer class="igx-grid__tbody-pivot-dimension" (focus)="navigation.focusTbody($event)" (keydown)="navigation.handleNavigation($event)"
+        <div tabindex="0" role="rowgroup" [style.height.px]="totalHeight" #rowDimensionContainer class="igx-grid__tbody-pivot-dimension" (focus)="navigation.focusTbody($event)" (keydown)="navigation.handleNavigation($event)"
             [attr.aria-activedescendant]="headerRowActiveDescendant">
             <ng-template igxGridFor let-rowData
                 [igxGridForOf]="dataView | pivotGridCellMerging:pivotConfiguration:dim:pipeTrigger"
@@ -165,10 +169,10 @@
 </ng-template>
 
 <ng-template #horizontalRowDimensionsTemplate>
-    <div tabindex="0" class="igx-grid__tbody-pivot-mrl-dimension" #rowDimensionContainer [style.height.px]="totalHeight" (focus)="navigation.focusTbody($event)" (keydown)="navigation.handleNavigation($event)"
+    <div tabindex="0" role="rowgroup" class="igx-grid__tbody-pivot-mrl-dimension" #rowDimensionContainer [style.height.px]="totalHeight" (focus)="navigation.focusTbody($event)" (keydown)="navigation.handleNavigation($event)"
         [attr.aria-activedescendant]="headerRowActiveDescendant">
         @if (dataView | pivotGridHorizontalRowGrouping:pivotConfiguration:pipeTrigger:regroupTrigger; as groupedData) {
-            <ng-template #verticalRowDimScrollContainer role="rowgroup" igxGridFor let-rowGroup let-rowIndex="index"
+            <ng-template #verticalRowDimScrollContainer igxGridFor let-rowGroup let-rowIndex="index"
                 [igxGridForOf]="groupedData"
                 [igxForScrollOrientation]="'vertical'"
                 [igxForScrollContainer]="verticalScroll"

From 236f7143b7b15509a880978fe8d7343fb4f54535 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 13 Mar 2026 11:23:00 +0200
Subject: [PATCH 06/10] fix(grid-header): add ARIA role to column headers for
 improved accessibility

---
 .../grids/core/src/headers/grid-header-row.component.html     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
index e55fd3382b4..55f6674f551 100644
--- a/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
+++ b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
@@ -41,6 +41,7 @@
                 (click)="grid.toggleAll()"
                 (pointerdown)="$event.preventDefault()"
                 [hidden]="!grid.hasExpandableChildren || !grid.hasVisibleColumns"
+                role="columnheader"
                 [ngClass]="{
                     'igx-grid__hierarchical-expander igx-grid__hierarchical-expander--header igx-grid__tr-action': grid.hasExpandableChildren,
                     'igx-grid__hierarchical-expander--push': grid.filteringService.isFilterRowVisible,
@@ -55,7 +56,8 @@
         @if (grid?.groupingExpressions?.length) {
             <div #headerGroupContainer class="{{ indentationCSSClasses }}"
                 (click)="grid.toggleAllGroupRows()"
-                (pointerdown)="$event.preventDefault()">
+                (pointerdown)="$event.preventDefault()"
+                role="columnheader">
                 <ng-container *ngTemplateOutlet="grid.iconTemplate; context: { $implicit: grid }"></ng-container>
             </div>
         }

From 860ec2e7c5afa3588697665bd23869fbfc9c1726 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 13 Mar 2026 11:36:05 +0200
Subject: [PATCH 07/10] chore(*): mark row role HostBinding as @hidden
 @internal

---
 .../igniteui-angular/grids/grid/src/groupby-row.component.ts   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts b/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
index e730097fdb5..6c872598205 100644
--- a/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
+++ b/projects/igniteui-angular/grids/grid/src/groupby-row.component.ts
@@ -228,6 +228,9 @@ export class IgxGridGroupByRowComponent implements OnDestroy {
             (this.isActive() ? ` ${this.defaultCssClass}--active` : '');
     }
 
+    /**
+     * @hidden @internal
+     */
     @HostBinding('attr.role')
     public role = 'row';
 

From b9efbc1506bbf706df691dd9f2d5e448dba70863 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Fri, 13 Mar 2026 12:15:50 +0200
Subject: [PATCH 08/10] test(grids): update unit tests to match updated ARIA
 roles

---
 .../grids/grid/src/grid-row-selection.spec.ts |  5 ++
 .../grids/grid/src/grid.component.spec.ts     |  4 +-
 .../grids/grid/src/grid.groupby.spec.ts       | 50 ++++++++++++++++++-
 .../src/hierarchical-grid.spec.ts             | 24 ++++++++-
 .../tree-grid/src/tree-grid.component.spec.ts | 24 ++++++++-
 5 files changed, 100 insertions(+), 7 deletions(-)

diff --git a/projects/igniteui-angular/grids/grid/src/grid-row-selection.spec.ts b/projects/igniteui-angular/grids/grid/src/grid-row-selection.spec.ts
index 2e42b445360..d910a1e66af 100644
--- a/projects/igniteui-angular/grids/grid/src/grid-row-selection.spec.ts
+++ b/projects/igniteui-angular/grids/grid/src/grid-row-selection.spec.ts
@@ -2452,6 +2452,11 @@ describe('IgxGrid - Row Selection #grid', () => {
             expect(rowSelector.textContent).toBe('CUSTOM SELECTOR: 0');
             expect(groupRowSelector.textContent).toBe('CUSTOM GROUP SELECTOR');
             expect(headerSelector.textContent).toBe('CUSTOM HEADER SELECTOR');
+
+            // ARIA: row-selector wrappers must have the correct cell roles
+            expect(rowSelector.getAttribute('role')).toBe('gridcell');
+            expect(groupRowSelector.getAttribute('role')).toBe('gridcell');
+            expect(headerSelector.getAttribute('role')).toBe('columnheader');
         });
     });
 });
diff --git a/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts b/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
index e7ff6038be1..bd93f76f701 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
+++ b/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
@@ -319,9 +319,9 @@ describe('IgxGrid Component Tests #grid', () => {
             fixture.componentInstance.generateData(30);
             fixture.detectChanges();
             tick(100);
-            // Checks if igx-grid__tbody-content attribute is null when there is data in the grid
+            // With data, igx-grid__tbody-content is the rowgroup focus host
             const container = fixture.nativeElement.querySelectorAll('.igx-grid__tbody-content')[0];
-            expect(container.getAttribute('role')).toBe(null);
+            expect(container.getAttribute('role')).toBe('rowgroup');
 
             //Filter grid so no results are available and grid is empty
             grid.filter('index','111',IgxStringFilteringOperand.instance().condition('contains'),true);
diff --git a/projects/igniteui-angular/grids/grid/src/grid.groupby.spec.ts b/projects/igniteui-angular/grids/grid/src/grid.groupby.spec.ts
index 04c4918e841..9b5f56d7fa7 100644
--- a/projects/igniteui-angular/grids/grid/src/grid.groupby.spec.ts
+++ b/projects/igniteui-angular/grids/grid/src/grid.groupby.spec.ts
@@ -790,11 +790,59 @@ describe('IgxGrid - GroupBy #grid', () => {
         const groupRows = grid.groupsRowList.toArray();
         for (const grRow of groupRows) {
             const elem = grRow.element.nativeElement;
+            // host carries role="row", aria-describedby; aria-expanded moved to the toggle cell
+            expect(elem.getAttribute('role')).toBe('row');
             expect(elem.attributes['aria-describedby'].value).toEqual(grid.id + '_Released');
-            expect(elem.attributes['aria-expanded'].value).toEqual('true');
+            const toggleCell = elem.querySelector('.igx-grid__grouping-indicator');
+            expect(toggleCell.getAttribute('role')).toBe('gridcell');
+            expect(toggleCell.getAttribute('aria-expanded')).toBe('true');
         }
     }));
 
+    it('should update aria-expanded on the toggle cell when a group row is collapsed and expanded', fakeAsync(() => {
+        const fix = TestBed.createComponent(DefaultGridComponent);
+        const grid = fix.componentInstance.instance;
+        grid.primaryKey = 'ID';
+        fix.detectChanges();
+
+        grid.groupBy({ fieldName: 'Released', dir: SortingDirection.Desc, ignoreCase: false });
+        fix.detectChanges();
+
+        const grRow = grid.groupsRowList.toArray()[0];
+        const toggleCell = grRow.element.nativeElement.querySelector('.igx-grid__grouping-indicator');
+
+        expect(toggleCell.getAttribute('aria-expanded')).toBe('true');
+
+        grRow.toggle();
+        fix.detectChanges();
+
+        expect(toggleCell.getAttribute('aria-expanded')).toBe('false');
+
+        grRow.toggle();
+        fix.detectChanges();
+
+        expect(toggleCell.getAttribute('aria-expanded')).toBe('true');
+    }));
+
+    it('should assign role="gridcell" to all action wrappers inside a group row', fakeAsync(() => {
+        const fix = TestBed.createComponent(DefaultGridComponent);
+        const grid = fix.componentInstance.instance;
+        grid.rowDraggable = true;
+        grid.rowSelection = GridSelectionMode.multiple;
+        fix.detectChanges();
+
+        grid.groupBy({ fieldName: 'Released', dir: SortingDirection.Desc, ignoreCase: false });
+        fix.detectChanges();
+
+        const grRow = grid.groupsRowList.toArray()[0];
+        const elem = grRow.element.nativeElement;
+
+        expect(elem.querySelector('.igx-grid__drag-indicator').getAttribute('role')).toBe('gridcell');
+        expect(elem.querySelector('.igx-grid__cbx-selection').getAttribute('role')).toBe('gridcell');
+        expect(elem.querySelector('.igx-grid__grouping-indicator').getAttribute('role')).toBe('gridcell');
+        expect(elem.querySelector('.igx-grid__group-content').getAttribute('role')).toBe('gridcell');
+    }));
+
     it('should not apply grouping if the grouping expressions value is the same reference', fakeAsync(() => {
         const fix = TestBed.createComponent(DefaultGridComponent);
         fix.detectChanges();
diff --git a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.spec.ts b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.spec.ts
index 0bfe2bcab69..a2ac5d7c87f 100644
--- a/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.spec.ts
+++ b/projects/igniteui-angular/grids/hierarchical-grid/src/hierarchical-grid.spec.ts
@@ -131,9 +131,9 @@ describe('Basic IgxHierarchicalGrid #hGrid', () => {
 
         it('checks if attributes are correctly assigned when grid has or does not have data', () => {
 
-            // Checks if igx-grid__tbody-content attribute is null when there is data in the grid
+            // With data, igx-grid__tbody-content is the rowgroup focus host
             const container = fixture.nativeElement.querySelectorAll('.igx-grid__tbody-content')[0];
-            expect(container.getAttribute('role')).toBe(null);
+            expect(container.getAttribute('role')).toBe('rowgroup');
 
             //Filter grid so no results are available and grid is empty
             hierarchicalGrid.filter('index', '111', IgxStringFilteringOperand.instance().condition('contains'), true);
@@ -149,6 +149,26 @@ describe('Basic IgxHierarchicalGrid #hGrid', () => {
             expect(container.getAttribute('role')).toMatch('row');
         });
 
+        it('should have correct ARIA role structure on tbody and tfoot', () => {
+            // Outer tbody wrapper is layout-only
+            const tbodyWrapper = fixture.nativeElement.querySelector('.igx-grid__tbody');
+            expect(tbodyWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner focus host is the rowgroup
+            const tbodyContent = fixture.nativeElement.querySelector('.igx-grid__tbody-content');
+            expect(tbodyContent.getAttribute('role')).toBe('rowgroup');
+            expect(tbodyContent.getAttribute('tabindex')).toBe('0');
+
+            // Outer tfoot wrapper is layout-only
+            const tfootWrapper = fixture.nativeElement.querySelector('.igx-grid__tfoot');
+            expect(tfootWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner tfoot div is the rowgroup focus host
+            const tfootContent = fixture.nativeElement.querySelector('.igx-grid__tfoot > div');
+            expect(tfootContent.getAttribute('role')).toBe('rowgroup');
+            expect(tfootContent.getAttribute('tabindex')).toBe('0');
+        });
+
         it('should allow applying initial expansions state for certain rows through expansionStates option', () => {
             // set first row as expanded.
             const state = new Map<any, boolean>();
diff --git a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.spec.ts b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.spec.ts
index c661e8897ee..eb2f64573e3 100644
--- a/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.spec.ts
+++ b/projects/igniteui-angular/grids/tree-grid/src/tree-grid.component.spec.ts
@@ -124,9 +124,9 @@ describe('IgxTreeGrid Component Tests #tGrid', () => {
         });
 
         it('checks if attributes are correctly assigned when grid has or does not have data', fakeAsync(() => {
-            // Checks if igx-grid__tbody-content attribute is null when there is data in the grid
+            // With data, igx-grid__tbody-content is the rowgroup focus host
             const container = fix.nativeElement.querySelectorAll('.igx-grid__tbody-content')[0];
-            expect(container.getAttribute('role')).toBe(null);
+            expect(container.getAttribute('role')).toBe('rowgroup');
 
             //Filter grid so no results are available and grid is empty
             grid.filter('Name', '111', IgxStringFilteringOperand.instance().condition('contains'), true);
@@ -143,6 +143,26 @@ describe('IgxTreeGrid Component Tests #tGrid', () => {
             expect(container.getAttribute('role')).toMatch('row');
         }));
 
+        it('should have correct ARIA role structure on tbody and tfoot', fakeAsync(() => {
+            // Outer tbody wrapper is layout-only
+            const tbodyWrapper = fix.nativeElement.querySelector('.igx-grid__tbody');
+            expect(tbodyWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner focus host is the rowgroup
+            const tbodyContent = fix.nativeElement.querySelector('.igx-grid__tbody-content');
+            expect(tbodyContent.getAttribute('role')).toBe('rowgroup');
+            expect(tbodyContent.getAttribute('tabindex')).toBe('0');
+
+            // Outer tfoot wrapper is layout-only
+            const tfootWrapper = fix.nativeElement.querySelector('.igx-grid__tfoot');
+            expect(tfootWrapper.getAttribute('role')).toBe('presentation');
+
+            // Inner tfoot div is the rowgroup focus host
+            const tfootContent = fix.nativeElement.querySelector('.igx-grid__tfoot > div');
+            expect(tfootContent.getAttribute('role')).toBe('rowgroup');
+            expect(tfootContent.getAttribute('tabindex')).toBe('0');
+        }));
+
         it('should display flat data even if no foreignKey is set', () => {
             fix = TestBed.createComponent(IgxTreeGridWithNoForeignKeyComponent);
             grid = fix.componentInstance.treeGrid;

From 53e5f57c2abf41f01ea04aed1b30c9dd3ec0fe20 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <vkombov@infragistics.com>
Date: Thu, 7 May 2026 16:57:28 +0300
Subject: [PATCH 09/10] fix(*): fix a conflict with an old commit

---
 .../grids/pivot-grid/src/pivot-grid.component.html            | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
index d57211c0202..2dde4c3090d 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
@@ -60,12 +60,8 @@
         </ng-template>
 
         <ng-container *ngTemplateOutlet="template; context: { $implicit: this }"></ng-container>
-<<<<<<< HEAD
         <ng-container #bodyViewContainerRef></ng-container>
         <igc-trial-watermark></igc-trial-watermark>
-=======
-        <!-- <igc-trial-watermark></igc-trial-watermark> -->
->>>>>>> 3f97adf006 (fix(pivot-grid): enhance accessibility by adding ARIA roles to row groups)
     </div>
     <div igxToggle #loadingOverlay>
         @if (shouldOverlayLoading) {

From a642fff96255887d921827415f9fdd739f8a6a34 Mon Sep 17 00:00:00 2001
From: Viktor Kombov <75325639+viktorkombov@users.noreply.github.com>
Date: Thu, 7 May 2026 17:00:14 +0300
Subject: [PATCH 10/10] Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
---
 .../grids/pivot-grid/src/pivot-grid.component.html              | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
index 2dde4c3090d..710f4fbe0ca 100644
--- a/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
+++ b/projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.component.html
@@ -22,7 +22,7 @@
     <div class="igx-grid__tbody-content" tabindex="0"  [attr.aria-activedescendant]="activeDescendant" [attr.role]="dataView.length ? 'rowgroup' : 'row'" (keydown)="navigation.handleNavigation($event)" (focus)="navigation.focusTbody($event)"
         (dragStop)="selectionService.dragMode = $event" (scroll)="preventContainerScroll($event)"
         (dragScroll)="dragScroll($event)" [igxGridDragSelect]="selectionService.dragMode"
-        [style.height.px]="totalHeight" [style.width.px]="pivotContentCalcWidth || null" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody [attr.aria-activedescendant]="activeDescendant">
+        [style.height.px]="totalHeight" [style.width.px]="pivotContentCalcWidth || null" [style.width]="!platform.isBrowser ? '100%' : undefined" #tbody>
         @if (hasMovableColumns && columnInDrag && pinnedColumns.length <= 0) {
             <span [igxColumnMovingDrop]="headerContainer" [attr.droppable]="true" id="left"
             class="igx-grid__scroll-on-drag-left"></span>