bug(menuitem - accessibility): Role menuitem is not announced by screen readers

[DhanyaGopinathTR]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Even though the menuitem role is added by default to the mat-menu-item, this is not reading by the screen readers like NVDA.

For eg:- https://www.geeksforgeeks.org/mat-menu-in-angular-material/

Reproduction

StackBlitz link: Steps to reproduce:

1. Turn on NVDA
2. Click/tab on the menu item
3. Navigate through the menu items using up/down keyboard arrows

Expected Behavior

The role menuitem should be announced by the screenreaders as it is present in the html while inspecting

Actual Behavior

Even though role is present in html, it is not announced by screen readers

Environment

The issue can be reproduced in angular material sites also. Below are my project configurations in the local machine

• Angular: ~13.0.1
• CDK/Material: ~13.0.0
• Browser(s): Chrome, Edge
• Operating System (e.g. Windows, macOS, Ubuntu): Windows