fixed aria issues (#2927)

fixes: #2852
keycloak · Jul 8, 2022 · f35f4c0 · f35f4c0
1 parent 91b7c35
commit f35f4c0
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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,25 +66,22 @@ 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
             dataListCells={[
               <DataListCell key={`${execution.id}-name`}>
                 {!execution.authenticationFlow && (
                   <FlowTitle
-                    id={execution.id}
+                    id={`title-id-${execution.id}`}
                     key={execution.id}
                     title={execution.displayName!}
                   />