From f35f4c0b1190c7ad221e9ea2313eb8232c3335bd Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Fri, 8 Jul 2022 11:04:39 +0200
Subject: [PATCH] fixed aria issues (#2927)

fixes: #2852
---
 src/authentication/components/FlowRow.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/authentication/components/FlowRow.tsx b/src/authentication/components/FlowRow.tsx
index 7d3566bace..30afa3dd86 100644
--- a/src/authentication/components/FlowRow.tsx
+++ b/src/authentication/components/FlowRow.tsx
@@ -57,6 +57,7 @@ export const FlowRow = ({
         className="keycloak__authentication__flow-item"
         id={execution.id}
         isExpanded={!execution.isCollapsed}
+        aria-labelledby={`title-id-${execution.id}`}
       >
         <DataListItemRow
           className="keycloak__authentication__flow-row"
@@ -65,17 +66,14 @@ export const FlowRow = ({
           aria-labelledby={execution.id}
         >
           <DataListControl>
-            <DataListDragButton
-              aria-labelledby={execution.id}
-              aria-describedby={t("common-help:dragHelp")}
-            />
+            <DataListDragButton aria-label={t("common-help:dragHelp")} />
           </DataListControl>
           {hasSubList && (
             <DataListToggle
               onClick={() => onRowClick(execution)}
               isExpanded={!execution.isCollapsed}
               id={`toggle1-${execution.id}`}
-              aria-controls={`expand-${execution.id}`}
+              aria-controls={execution.executionList![0].id}
             />
           )}
           <DataListItemCells
@@ -83,7 +81,7 @@ export const FlowRow = ({
               <DataListCell key={`${execution.id}-name`}>
                 {!execution.authenticationFlow && (
                   <FlowTitle
-                    id={execution.id}
+                    id={`title-id-${execution.id}`}
                     key={execution.id}
                     title={execution.displayName!}
                   />