Find an issue : Dynamically updating content not announced for screen reader users

Issue Summary

On the “Find an issue” page, the dynamically updated content is not communicated to the users of assistive technologies.

Steps to Reproduce

1. Navigate to “Projects” menu pop-up link and activate it.
2. Navigate to “View all project” link and activate it
3. Navigate to "kanban" link present in data table and activate it.
4. Navigate to "View all issues and filter" link and activate it.
5. Navigate to the mentioned dropdown and select an option.
6. Observe that the content is updated on the page.

Actual Result

As soon as the user select an option from “Project all”, “type all”, "Order by" and so on dropdown the content below gets dynamically updated. This update is not communicated to the users of a screen reader. This behaviour might confuse or mislead them.

Expected Result

Make sure that search results are programmatically determined. To achieve this, use a polite live region, such as role=“status”, and aria-atomic to make sure that the entire text node is always announced.

If this is not possible due to any constrains, then use hidden instructions, notifying users about the dynamic update in advance. Make sure that this instruction is programmatically associated with the form field with aria-describedby. Make sure that the id values match appropriately.

For more information on implementation, refer the following link : ARIA live regions implementation

Screen Recording

Screen Recording 2023-04-06 at 11.46.24 AM.mov

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (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