diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/api_key/create_api_key_flyout.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/api_key/create_api_key_flyout.tsx
index fe298fbd98f4b..38217df269fd1 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/api_key/create_api_key_flyout.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/shared/api_key/create_api_key_flyout.tsx
@@ -32,6 +32,7 @@ import {
   EuiSwitchEvent,
   EuiText,
   EuiTitle,
+  useGeneratedHtmlId,
 } from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
@@ -161,6 +162,8 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
 
   const apiKeyRef = useRef<HTMLDivElement>(null);
 
+  const uniqueId = useGeneratedHtmlId();
+
   useEffect(() => {
     if (createdApiKey && apiKeyRef) {
       apiKeyRef.current?.scrollIntoView();
@@ -178,10 +181,11 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
       css={css`
         max-width: calc(${euiTheme.size.xxxxl} * 10);
       `}
+      aria-labelledby={`${uniqueId}-header`}
     >
       <EuiFlyoutHeader hasBorder>
         <EuiTitle size="m">
-          <h2>
+          <h2 id={`${uniqueId}-header`}>
             {i18n.translate('xpack.enterpriseSearch.apiKey.flyoutTitle', {
               defaultMessage: 'Create an API key',
             })}
@@ -239,6 +243,8 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
             id="apiKey.setup"
             paddingSize="l"
             initialIsOpen
+            aria-labelledby={`${uniqueId}-setupHeader`}
+            role="region"
             buttonContent={
               <div>
                 <EuiFlexGroup justifyContent="flexStart" alignItems="center" gutterSize="s">
@@ -247,7 +253,7 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
                   </EuiFlexItem>
                   <EuiFlexItem>
                     <EuiTitle size="xs">
-                      <h4>
+                      <h4 id={`${uniqueId}-setupHeader`}>
                         {i18n.translate('xpack.enterpriseSearch.apiKey.setup.title', {
                           defaultMessage: 'Setup',
                         })}
@@ -283,6 +289,8 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
           <EuiAccordion
             id="apiKey.privileges"
             paddingSize="l"
+            role="region"
+            aria-labelledby={`${uniqueId}-privilegesHeader`}
             buttonContent={
               <div style={{ paddingRight: euiTheme.size.s }}>
                 <EuiFlexGroup justifyContent="flexStart" alignItems="center" gutterSize="s">
@@ -291,7 +299,7 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
                   </EuiFlexItem>
                   <EuiFlexItem>
                     <EuiTitle size="xs">
-                      <h4>
+                      <h4 id={`${uniqueId}-privilegesHeader`}>
                         {i18n.translate('xpack.enterpriseSearch.apiKey.privileges.title', {
                           defaultMessage: 'Security Privileges',
                         })}
@@ -338,6 +346,8 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
           <EuiAccordion
             id="apiKey.metadata"
             paddingSize="l"
+            role="region"
+            aria-labelledby={`${uniqueId}-metadataHeader`}
             buttonContent={
               <div style={{ paddingRight: euiTheme.size.s }}>
                 <EuiFlexGroup justifyContent="flexStart" alignItems="center" gutterSize="s">
@@ -346,7 +356,7 @@ export const CreateApiKeyFlyout: React.FC<CreateApiKeyFlyoutProps> = ({ onClose
                   </EuiFlexItem>
                   <EuiFlexItem>
                     <EuiTitle size="xs">
-                      <h4>
+                      <h4 id={`${uniqueId}-metadataHeader`}>
                         {i18n.translate('xpack.enterpriseSearch.apiKey.metadata.title', {
                           defaultMessage: 'Metadata',
                         })}