angular / angular/components

bug(chips): Arrows navigation in NVDA browse mode automatically switched to focus mode (again)

Open
#31,948 0 comments 0 reactions 0 assignees View on GitHub
Accessibility area: material/chips P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### 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

This pretty much the same bug as https://github.com/angular/components/issues/20761

### Reproduction

Steps to reproduce:
1. Go to https://material.angular.dev/components/chips/examples
2. Open NVDA screen reader in browse mode
3. Start navigating in browse mode with a help of up/down arrows
4. Navigate with the help of arrows to chips select list

### Expected Behavior

NVDA is reading information about the select list and keeps navigating in the browse mode

### Actual Behavior

NVDA automatically switches to the focus mode and prevents user from further page exploring in the browse mode.

### Environment

- Angular: 20.2
- CDK/Material: Material components
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
- NVDA 2025.3

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the issue at the Material chips examples page with Chrome, NVDA 2025.3, and the listed browse-mode steps. Review the related issue #20761 for prior context, then verify that navigating to the chips select list leaves NVDA in browse mode while still reading the select-list information.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.