diff --git a/packages/html/src/gantt/templates/gantt-normal.tsx b/packages/html/src/gantt/templates/gantt-normal.tsx
index b3e5eb2e06..84894936bb 100644
--- a/packages/html/src/gantt/templates/gantt-normal.tsx
+++ b/packages/html/src/gantt/templates/gantt-normal.tsx
@@ -40,7 +40,7 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
             {other.children ||
                 <Splitter className="k-gantt-splitter" children={[
                     <SplitterPane key="gantt-treelist-pane" className="k-gantt-treelist" flexBasis={flexBasis}>
-                        <TreeList>
+                        <TreeList _renderAriaRoot>
                             <GridHeader>
                                 <div className="k-grid-header-wrap">
                                     <GridHeaderTable style={{ minWidth: "250px" }}>
diff --git a/packages/html/src/gantt/templates/gantt-row-reordering.tsx b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
index 688fb6d126..67b3136ca3 100644
--- a/packages/html/src/gantt/templates/gantt-row-reordering.tsx
+++ b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
@@ -40,7 +40,7 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
             {other.children ||
                 <Splitter className="k-gantt-splitter" children={[
                     <SplitterPane key="gantt-treelist-pane" className="k-gantt-treelist" flexBasis={flexBasis}>
-                        <TreeList>
+                        <TreeList _renderAriaRoot>
                             <GridHeader>
                                 <div className="k-grid-header-wrap">
                                     <GridHeaderTable style={{ minWidth: "250px" }}>