From 1a9893bd6f7fd3fb94b08459e05921a00d86b8c5 Mon Sep 17 00:00:00 2001
From: Navarone Feekery <13634519+navarone-feekery@users.noreply.github.com>
Date: Fri, 6 Dec 2024 10:10:26 +0100
Subject: [PATCH] [Search][a11y] Fix table row screen reader error (#203136)

##  Closes https://github.com/elastic/kibana/issues/199113

Allows errors in the table row to be read by screen readers.
---
 .../shared/tables/reorderable_table/body_row.tsx         | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/body_row.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/body_row.tsx
index 5df902e826cab..d4a89266b7792 100644
--- a/x-pack/plugins/enterprise_search/public/applications/shared/tables/reorderable_table/body_row.tsx
+++ b/x-pack/plugins/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>