[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.
This commit is contained in:
Navarone Feekery 2024-12-06 10:10:26 +01:00 committed by GitHub
parent c92216c537
commit 1a9893bd6f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -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>