angular / angular/components

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

Offen
#27,993 1 Kommentar 0 Reaktionen 1 zugewiesene Person Beansprucht von @zarend Auf GitHub ansehen
Accessibility area: material/select P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.