diff --git a/docs/src/pages/components/tree-view/DisabledTreeItems.js b/docs/src/pages/components/tree-view/DisabledTreeItems.js
index 729631f5b7e2a6..e705597be29fc6 100644
--- a/docs/src/pages/components/tree-view/DisabledTreeItems.js
+++ b/docs/src/pages/components/tree-view/DisabledTreeItems.js
@@ -18,7 +18,7 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
-export default function FileSystemNavigator() {
+export default function DisabledTreeItems() {
   const classes = useStyles();
   const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
   const handleToggle = (event) => {
@@ -40,6 +40,7 @@ export default function FileSystemNavigator() {
         />
       </div>
       <TreeView
+        aria-label="disabled items"
         defaultCollapseIcon={<ExpandMoreIcon />}
         defaultExpandIcon={<ChevronRightIcon />}
         disabledItemsFocusable={focusDisabledItems}
diff --git a/docs/src/pages/components/tree-view/DisabledTreeItems.tsx b/docs/src/pages/components/tree-view/DisabledTreeItems.tsx
index efe34154a2fff5..b6f079b70a873f 100644
--- a/docs/src/pages/components/tree-view/DisabledTreeItems.tsx
+++ b/docs/src/pages/components/tree-view/DisabledTreeItems.tsx
@@ -20,7 +20,7 @@ const useStyles = makeStyles((theme) =>
   }),
 );
 
-export default function FileSystemNavigator() {
+export default function DisabledTreeItems() {
   const classes = useStyles();
   const [focusDisabledItems, setFocusDisabledItems] = React.useState(false);
   const handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -42,6 +42,7 @@ export default function FileSystemNavigator() {
         />
       </div>
       <TreeView
+        aria-label="disabled items"
         defaultCollapseIcon={<ExpandMoreIcon />}
         defaultExpandIcon={<ChevronRightIcon />}
         disabledItemsFocusable={focusDisabledItems}