[Synthetics] add aria-live region to add monitor creation flow (#191135)

## Summary

Resolves
https://github.com/elastic/observability-accessibility/issues/14

### Testing

1. Turn on your screen reader. For Mac, to turn on voiceover it's
Command + F5.
2. Make sure you have a few synthetics monitors created, at least two
3. Navigate to `synthetics/add-monitor`. Tab to monitor type radio list
and use the right and left arrow buttons to change the option.
4. The content of the bottom descriptive callout should be read when
changing the monitor type
This commit is contained in:
Dominique Clarke 2024-08-23 11:48:04 -04:00 committed by GitHub
parent 0330c70642
commit d1b322311a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -92,7 +92,7 @@ export const MonitorTypeRadioGroup = ({
</EuiKeyPadMenu>
<EuiSpacer />
{selectedOption && (
<EuiPanel color="primary">
<EuiPanel color="primary" aria-live="polite">
<EuiText size="s">
<h4>{selectedOption.descriptionTitle}</h4>
</EuiText>