Screen reader is not announcing the 'selected/unselected' state information for 'Favorite food' combo box in Windows

[msftedad]

Steps to reproduce

Link to live example: (required)
https://v9.material.angular.io/components/select/overview
Steps:

1. Open URL: https://v9.material.angular.io/components/select/overview in latest chrome browser.
2. Press tab key to reach 'Favorite food' combo box under 'Basic select' and expand it using enter key.
3. Verify with down arrow key whether screen reader is announcing selected/unselected state for 'Favorite food' combo box or not.

Current behavior

While navigating using down arrow key, Screen reader is not announcing the 'selected/unselected' state information for 'Favorite food' combo box. It is announcing as 'Steak 1 of 3'.

NVDA.is.not.announcing.the.selectedunselected.state.information.for.Favorite.food.combo.box.2.mp4

Expected behavior

Screen reader should announce the 'selected/unselected' state information for 'Favorite food' combo box. It should announce it as 'Steak 1 of 3 selected'.

Context

No response

Your environment

Favorite food

Search keywords: State, Screen reader

[zannager]

@mnajdova can you please confirm if this is related to Material UI? Thanks

[mnajdova]

This repository is related to the Material UI (the React UI library that implements Material Design), which docs live here: https://mui.com/material-ui/getting-started/. Please report the issue to the corresponding GitHub issue.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@msftedad How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.