Create Dashboard: Dynamically updating content not announced for screen reader users

Issue Summary

The Dynamic update associated with "Add Viewers" and "Add Editors" section is not being announced.

Steps to Reproduce

1. Navigate to the "Dashboard" dropdown and activate it.
2. Navigate to the "View Dashboard" option and activate it.
3. Navigate to "Tools" (...) link and activate it.
4. Select "Create dashboard" option.
5. Observe that "Create dashboard" page has been appeared on the screen.
6. Navigate to the "Add Viewers" and "Add Editors" fields and make some changes.
7. Observe that the content is updating above.

Screen Recording

Screen Recording 2023-04-18 at 7.29.13 AM.mov

Actual Results

As soon as users start making changes in "Project", "Project name" and "Project role" input fields, the value of the changes form fields is gets updated dynamically above the fields. Although, this information is easily conveyed to sighted users, it is not announced for screen reader users.

Similarly for the form fields present next to "Add Editors".

Expected Results

Use appropriate ARIA live region attribute or role to achieve this. Specify aria-live="polite" or role=“status” to the container containing.

If this is not possible due to any constrains, Move screen reader focus to the updated content to make them aware about the recent update using JavaScript focus() method .

Workaround

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

Environment 

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest