[Search][a11y] Fix table row screen reader error (elastic#203136)

## Closes elastic#199113 Allows errors in the table row to be read by screen readers.
Samiul-TheSoccerFan · Dec 10, 2024 · 9c85fa7 · 9c85fa7
1 parent f03bac4
commit 9c85fa7
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/...lugins/enterprise_search/public/applications/shared/tables/reorderable_table/body_row.tsx b/...lugins/enterprise_search/public/applications/shared/tables/reorderable_table/body_row.tsx
@@ -66,7 +66,14 @@ export const BodyRow = <Item extends object>({
         <EuiFlexGroup direction="column">
           {errors.map((errorMessage, errorMessageIndex) => (
             <EuiFlexItem key={errorMessageIndex}>
-              <EuiCallOut iconType="warning" size="s" color="danger" title={errorMessage} />
+              <EuiCallOut
+                role="alert"
+                aria-live="polite"
+                iconType="warning"
+                size="s"
+                color="danger"
+                title={errorMessage}
+              />
             </EuiFlexItem>
           ))}
         </EuiFlexGroup>