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/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/core/src/headers/grid-header-row.component.html b/projects/igniteui-angular/grids/core/src/headers/grid-header-row.component.html
index 261a1f203d9..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
@@ -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 -->
@@ -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()">
@@ -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>
         }
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-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-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 c10caf47eae..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"
@@ -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/grid.component.spec.ts b/projects/igniteui-angular/grids/grid/src/grid.component.spec.ts
index dcdb16a7f1a..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);
@@ -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 = [];
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/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..6c872598205 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,12 @@ export class IgxGridGroupByRowComponent implements OnDestroy {
             (this.isActive() ? ` ${this.defaultCssClass}--active` : '');
     }
 
+    /**
+     * @hidden @internal
+     */
+    @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 03b1f6c872d..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"
@@ -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/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/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 83cd715f91d..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
@@ -17,12 +17,12 @@
 >
 </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">
+        [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>
@@ -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>
@@ -94,10 +94,10 @@
     <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" #footer>
+<div class="igx-grid__footer" role="presentation" #footer>
     <ng-content select="igx-grid-footer,igc-grid-footer"></ng-content>
 </div>
 
@@ -138,7 +138,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 +165,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"
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 e96adcebd54..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'
@@ -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>
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;