Skip to content

Commit

Permalink
[Synthetics] add aria-live region to add monitor creation flow (elast…
Browse files Browse the repository at this point in the history
…ic#191135)

## Summary

Resolves
elastic/observability-accessibility#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
  • Loading branch information
dominiqueclarke authored Aug 23, 2024
1 parent 0330c70 commit d1b3223
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit d1b3223

Please sign in to comment.