NVDA is reading the close button of the dialog in an unusual way

[Nomulacharitha]

Steps to reproduce

1. Visit the link: https://mui.com/material-ui/react-dialog/#customization
2. Click on the sandbox link: https://codesandbox.io/embed/mtd9sl?module=/src/Demo.tsx&fontsize=12
3. Navigate to the close button using the Tab key.
4. You'll notice that NVDA reads the close button's title twice, followed by the content, and then also announces the save button.
5. After making the change in the nvda setting i.e Disable Automatic say all on page load option under browse mode, then it is reading close button twice as below. Attached the same screen shot.
6. However, JAWS is reading it correctly, announcing the "Modal title dialog close button."
7. I am using NVDA Version 2024.1(2024.1.0.31547)
8. Please refer to the attached screenshots for reference.
   

Current behavior

NVDA is reading close button in unusual way.

Expected behavior

NVDA should read the close button only once, similar to how JAWS reads it.

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: accessibility

[aarongarciah]

VoiceOver and JAWS seem to announce it correctly. I'm marking this as ready to take in case someone has the time to look into it.

[Nomulacharitha]

@aarongarciah, could you or someone take a look at this, please?

[aarongarciah]

@Nomulacharitha, we aren't prioritizing this for now. We're open to contributions, though.

[Nomulacharitha]

@aarongarciah, Understood. But can you let me know when you will start working on this. If you can tell this then it would be helpful.

[aarongarciah]

@Nomulacharitha no ETA, sorry.

[rimildeyjsr]

@aarongarciah : can I work on this?

[aarongarciah]

@rimildeyjsr sure, feel free to work on this.