Issue Summary

The error message is not being announced for the screen reader users when the combo box is empty.

Steps to Reproduce

1. Open the "Complete sprint" modal dialog.
2. Navigate to the mentioned form field.
3. Observe that the error gets dynamically added above the form field.
4. Listen that the screen reader fails to announce the error messages that have been added.

Screen Recording

Screen Recording 2024-02-08 at 11.58.18 PM.mov

Screenshot

Actual Results

When users keep the "Move open issues to" combo box empty, error messages such as "The issue is invalid" get dynamically displayed on the form field.

As a result, screen reader users are unaware of the occurrence of the error.

Expected Results

The screen reader should announce the error messages when users navigate to the respective form field.

Use the ARIA live region to make sure that the dynamic update is announced for screen reader users. This can be achieved by either adding a live region role="status" or aria-live="polite" and aria-atomic="true" attributes to the container used to display the message. Make sure the live region is present in the page source by default.

For more information on implementing the live regions, visit

[ARIA live regions - Accessibility | MDN|https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions]

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest