Issue Summary

As soon as the users perform the search operation in the “Lead (optional)” combo box by typing an invalid search term, the updating content is not announced by the screen reader users

Steps to Reproduce

1. Navigate to the “Settings” menu pop-up link and activate it.
2. Activate the "Projects" link.
3. Activate any projects present in the data table.
4. Navigate to the side navigation and activate the "Components" link.
5. Navigate to the “Lead (optional)” combo box.
6. Start typing with an invalid search term
7. Observe that the search message “No matches” is not announced by a screen reader.

Screen recording 1

Screen Recording 2023-04-24 at 4.52.52 PM.mov

Actual Result

As soon as users start typing in the “Lead (optional)” combo box with an invalid search term, the content "No results" is automatically updated below.

Although this information is easily conveyed to sighted users, it is not announced for screen reader users.

Expected Result

Ensure that the screen reader announces the search message when the users perform the search operation with an invalid search term.

This can be achieved using role=” status” and aria-live=” atomic” attributes.

For more information on aria-live region implementation, refer to the following link :

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions

Workaround

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

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura  13.2
Chrome - Version 110.0.5481.100 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest