angular / components

Component infrastructure and Material Design components for Angular

Home Page:https://material.angular.io

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bug(Selector/option): Option status inside a selector not read when "selected"

emaestromartinez opened this issue · comments

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

When using the screenreader to read the selected/unselect, NVDA doesn't announce the 'Selected' state for selected list item when user navigates on list items.
NVDA only announces list item and its position in the list.
It does announce when they are selected.

Expected behavior:
It should also announce "Selected" for selected items, not just the name and position on the list.

Reproduction

Use angular material Select component as an example.
https://v7.material.angular.io/components/select/overview#multiple-selection
Navigate through the list using keyboard navigation. Have some options selected and others unselected. Use NVDA to read the state of the options.

Expected Behavior

It should also announce "Selected" for selected items, not just the name and position on the list.

Actual Behavior

When using the NVDA screenreader to read the selected/unselect, NVDA doesn't announce the 'Selected' state for selected list item when user navigates on list items.
NVDA only announces list item and its position in the list.
It does announce when they are selected.

Environment

Angular 17~, Angular Material 17~

  • Browser(s): Chrome last table version
  • Operating System: Windows 10 Enterprise. Last Stable version.