Fix @elastic/eui/require-aria-label-for-modals lint violations across @elastic/kibana-core files

src/platform/packages/shared/cloud/connection_details/connection_details_flyout_content.stories.tsx

@@ -9,6 +9,7 @@
 
 import React from 'react';
 import { EuiFlyout } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
 import { action } from '@storybook/addon-actions';
 import {
   StoriesProvider,
@@ -21,9 +22,13 @@ export default {
   title: 'Connection Details/Flyout',
 };
 
+const flyoutAriaLabel = i18n.translate('cloud.connectionDetails.flyout.ariaLabel', {
+  defaultMessage: 'Connection details',
+});
+
 export const Default = () => {
   return (
-    <EuiFlyout size="s" onClose={() => {}}>
+    <EuiFlyout size="s" onClose={() => {}} aria-label={flyoutAriaLabel}>
       <StoriesProvider onTelemetryEvent={action('onTelemetryEvent')}>
         <ConnectionDetailsFlyoutContent />
       </StoriesProvider>
@@ -33,7 +38,7 @@ export const Default = () => {
 
 export const CreationError = () => {
   return (
-    <EuiFlyout size="s" onClose={() => {}}>
+    <EuiFlyout size="s" onClose={() => {}} aria-label={flyoutAriaLabel}>
       <StoriesProviderKeyCreationError>
         <ConnectionDetailsFlyoutContent />
       </StoriesProviderKeyCreationError>
@@ -43,7 +48,7 @@ export const CreationError = () => {
 
 export const MissingPermissions = () => {
   return (
-    <EuiFlyout size="s" onClose={() => {}}>
+    <EuiFlyout size="s" onClose={() => {}} aria-label={flyoutAriaLabel}>
       <StoriesProviderNoKeyPermissions>
         <ConnectionDetailsFlyoutContent />
       </StoriesProviderNoKeyPermissions>

src/platform/packages/shared/cloud/connection_details/tabs/endpoints_tab/rows/cloud_id_row/label.tsx

@@ -39,6 +39,12 @@ export const Label: React.FC<{ learnMoreUrl?: string }> = ({ learnMoreUrl }) =>
       </EuiFlexItem>
       <EuiFlexItem>
         <EuiPopover
+          aria-label={i18n.translate(
+            'cloud.connectionDetails.tab.endpoints.cloudIdField.helpPopoverAriaLabel',
+            {
+              defaultMessage: 'Cloud ID help',
+            }
+          )}
           button={
             <EuiButtonIcon
               iconType="question"

src/platform/packages/shared/cloud/deployment_details/deployment_details_cloudid_input.tsx

@@ -44,6 +44,9 @@ const Label: FC<{ learnMoreUrl: string }> = ({ learnMoreUrl }) => {
       </EuiFlexItem>
       <EuiFlexItem>
         <EuiPopover
+          aria-label={i18n.translate('cloud.deploymentDetails.cloudIdHelpPopover.ariaLabel', {
+            defaultMessage: 'Cloud ID help',
+          })}
           button={
             <EuiButtonIcon
               iconType="question"

src/platform/packages/shared/cloud/deployment_details/deployment_details_modal.tsx

@@ -19,6 +19,7 @@ import {
   EuiModalFooter,
   EuiModalHeader,
   EuiModalHeaderTitle,
+  useGeneratedHtmlId,
 } from '@elastic/eui';
 import { useDeploymentDetails } from './services';
 import { DeploymentDetails } from './deployment_details';
@@ -29,17 +30,19 @@ interface Props {
 
 export const DeploymentDetailsModal: FC<Props> = ({ closeModal }) => {
   const { apiKeysLearnMoreUrl } = useDeploymentDetails();
+  const modalTitleId = useGeneratedHtmlId();
 
   return (
     <EuiModal
+      aria-labelledby={modalTitleId}
       onClose={() => {
         closeModal();
       }}
       style={{ width: 600 }}
       data-test-subj="deploymentDetailsModal"
     >
       <EuiModalHeader>
-        <EuiModalHeaderTitle>
+        <EuiModalHeaderTitle id={modalTitleId}>
           {i18n.translate('cloud.deploymentDetails.helpMenuLinks.connectionDetails', {
             defaultMessage: 'Connection details',
           })}

src/platform/plugins/shared/saved_objects_management/public/management_section/objects_table/components/flyout.tsx

@@ -31,6 +31,7 @@ import {
   EuiSpacer,
   EuiLink,
   EuiLoadingSpinner,
+  htmlIdGenerator,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n-react';
@@ -101,6 +102,8 @@ export class FlyoutClass extends Component<
   FlyoutProps & EuiTablePersistInjectedProps<any>,
   FlyoutState
 > {
+  private flyoutTitleId = htmlIdGenerator()();
+
   constructor(props: FlyoutProps & EuiTablePersistInjectedProps<unknown>) {
     super(props);
 
@@ -637,10 +640,15 @@ export class FlyoutClass extends Component<
     }
 
     return (
-      <EuiFlyout onClose={close} size="s" data-test-subj="importSavedObjectsFlyout">
+      <EuiFlyout
+        onClose={close}
+        size="s"
+        data-test-subj="importSavedObjectsFlyout"
+        aria-labelledby={this.flyoutTitleId}
+      >
         <EuiFlyoutHeader hasBorder>
           <EuiTitle size="m">
-            <h2>
+            <h2 id={this.flyoutTitleId}>
               <FormattedMessage
                 id="savedObjectsManagement.objectsTable.flyout.importSavedObjectTitle"
                 defaultMessage="Import saved objects"

src/platform/plugins/shared/saved_objects_management/public/management_section/objects_table/components/table.tsx

@@ -451,6 +451,10 @@ export class Table extends PureComponent<TableProps, TableState> {
               button={button}
               isOpen={this.state.isExportPopoverOpen}
               closePopover={this.closeExportPopover}
+              aria-label={i18n.translate(
+                'savedObjectsManagement.objectsTable.table.exportPopoverAriaLabel',
+                { defaultMessage: 'Export options' }
+              )}
             >
               <EuiFormRow
                 label={