From d48ac44e945cc7fdb1314a54e839790456840979 Mon Sep 17 00:00:00 2001
From: mbondyra <marta.bondyra@elastic.co>
Date: Thu, 12 Jun 2025 13:36:53 +0200
Subject: [PATCH] [Maps] [A11y] make the Add layer wizard unordered list

---
 .../__snapshots__/layer_wizard_select.test.tsx.snap           | 3 +++
 .../add_layer_panel/flyout_body/layer_wizard_select.tsx       | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/__snapshots__/layer_wizard_select.test.tsx.snap b/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/__snapshots__/layer_wizard_select.test.tsx.snap
index 4f72178e78fa0..3ed2e1e49c29f 100644
--- a/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/__snapshots__/layer_wizard_select.test.tsx.snap
+++ b/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/__snapshots__/layer_wizard_select.test.tsx.snap
@@ -39,9 +39,11 @@ exports[`LayerWizardSelect Should render layer select after layer wizards are lo
   />
   <EuiFlexGrid
     columns={2}
+    component="ul"
     gutterSize="m"
   >
     <EuiFlexItem
+      component="li"
       key="wizard 1"
     >
       <EuiCard
@@ -59,6 +61,7 @@ exports[`LayerWizardSelect Should render layer select after layer wizards are lo
       />
     </EuiFlexItem>
     <EuiFlexItem
+      component="li"
       key="wizard 2"
     >
       <EuiCard
diff --git a/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/layer_wizard_select.tsx b/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/layer_wizard_select.tsx
index 5c95facbde696..ada9cecdb5ca8 100644
--- a/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/layer_wizard_select.tsx
+++ b/x-pack/platform/plugins/shared/maps/public/connected_components/add_layer_panel/flyout_body/layer_wizard_select.tsx
@@ -176,7 +176,7 @@ export class LayerWizardSelect extends Component<Props, State> {
         );
 
         return (
-          <EuiFlexItem key={layerWizard.title}>
+          <EuiFlexItem key={layerWizard.title} component="li">
             {layerWizard.isDisabled && layerWizard.disabledReason ? (
               <EuiToolTip
                 position="top"
@@ -197,7 +197,7 @@ export class LayerWizardSelect extends Component<Props, State> {
         {this._renderCategoryFacets()}
 
         <EuiSpacer size="s" />
-        <EuiFlexGrid columns={2} gutterSize="m">
+        <EuiFlexGrid columns={2} gutterSize="m" component="ul">
           {wizardCards}
         </EuiFlexGrid>
       </>