angular / angular/components

bug(material/select): when linear navigating to combobox element with voiceover, screen reader focus is lost when opening popup menu

Open
#27,993 1 comment 0 reactions 1 assignee Claimed by @zarend View on GitHub
Accessibility area: material/select P2
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 issue is about when navigating to the select element a specific way, screen reader focus is lost when opening the popup menu. When linear navigating to the combobox element with VoiceOver, opening the popup causes screen reader focus to stay on the trigger

### Reproduction

StackBlitz link:
Steps to reproduce:
1. with VoiceOver enabled, open https://material.angular.io/components/select/overview
2. Navigate to "Basic Select" demo
3. Tab to "Favorite Food"
4. (AT announces that it's the favorite food popup combobox)
5. CTRL + OPTION + SPACE + RIGHT
6. CTRL + OPTION + SPACE + LEFT
7. (AT gives same or very similar announcement to step 4)
8. "Click" or press space or CTRL + OPTION + SPACE to open menu

If unable to reproduce, try navigating using different methods with voiceover. Try navigating from before the popup to the popup and also try navigating pass the popup then back to it.

### Expected Behavior

Popup menu opens and focus is on the popup menu

### Actual Behavior

Popup menu visual opens but screen reader focus stays on the trigger. No communication made to screen reader.

This is confusing for Voice Over users. Expecting information to be communicated with two or more senses. Expecting focus to be handled correctly.

### Environment

N/A

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.