The content of the Delete Program dialog is read twice on NVDA

[sbates-idrc]

Observed on NVDA 2021.2 on Windows 10 with Firefox and Chrome.

Steps to reproduce:

• Run NVDA
• Open Weavly in Firefox or Chrome
• Open the Delete Program dialog

Expected:

• What is read will vary by screen reader and platform, but the contents should only be read once.

Actual:

• "delete program dialog, delete button, delete program, button delete"

Notes:

• Similar repeating of content is not heard for the World Selector dialog on NVDA
• The content is not repeated with Chrome and VoiceOver, where the following is spoken: "delete program, dialog, with 4 items, delete, button"

Comments from Daniel:

I see that it reads in this order:

1. Read aria-label or an element referenced by aria-labelledby + "dialog"
2. Read focused item when the modal opens (I tested by setting focusOnOpenSelector property to something else)
3. Read the modal title
4. Read any items after what's focused when the modal opens (Similar to step 2, I tested by changing focusOnOpenSelector, and adding more buttons to render in the footer)

Need some more detailed investigation about this issue, but as of now, I am not sure what NVDA experience is like this.

I see this double announcements in different modal components in Weavly coding environment. Also, examples on w3c modal dialogs have the same issue when using NVDA, where as VoiceOver doesn't have the same issue.

Original Jira issue: https://fluidproject.atlassian.net/browse/C2LC-547