diff --git a/src/platform/plugins/private/files_management/public/components/file_flyout.tsx b/src/platform/plugins/private/files_management/public/components/file_flyout.tsx
index f46ecc6a73584..1e93e9153c964 100644
--- a/src/platform/plugins/private/files_management/public/components/file_flyout.tsx
+++ b/src/platform/plugins/private/files_management/public/components/file_flyout.tsx
@@ -20,6 +20,7 @@ import {
   EuiFlyoutFooter,
   EuiButtonEmpty,
   EuiHorizontalRule,
+  useGeneratedHtmlId,
 } from '@elastic/eui';
 import numeral from '@elastic/numeral';
 import type { FileJSON } from '@kbn/files-plugin/common';
@@ -36,11 +37,14 @@ interface Props {
 
 export const FileFlyout: FunctionComponent<Props> = ({ onClose, file }) => {
   const { filesClient } = useFilesManagementContext();
+  const titleId = useGeneratedHtmlId({
+    prefix: 'fileFlyout',
+  });
   return (
-    <EuiFlyout ownFocus onClose={onClose} size="m">
+    <EuiFlyout ownFocus onClose={onClose} size="m" aria-labelledby={titleId}>
       <EuiFlyoutHeader hasBorder>
         <EuiTitle size="s">
-          <h2>{file.name}</h2>
+          <h2 id={titleId}>{file.name}</h2>
         </EuiTitle>
       </EuiFlyoutHeader>
       <EuiFlyoutBody>