angular / angular/components

bug(cdk/menu): With NVDA enabled, keyboard focus doesn't show up

Offen
#26,080 1 Kommentar 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Accessibility area: material/menu P3
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

keyboard focus is not working on CDK menu. But seems cdkMenuBar is working fine..

### Reproduction

Steps to reproduce:
1. https://material.angular.io/cdk/menu/examples#cdk-menu-standalone-menu
2. check below GIF for the issue
![a11y-issue](https://user-images.githubusercontent.com/1803942/203821589-228d1f8a-b02e-4946-9839-e6cea9dee673.gif)

### Expected Behavior

With NVDA enabled, keyboard focus can't be focused on first item. And arrow key should be working fine

### Actual Behavior

With NVDA enabled, keyboard focus doesn't focus on first item. And arrow key not working fine

### Environment

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne mit dem eigenständigen CDK-Menübeispiel auf der verlinkten Angular-Material-Seite und reproduziere das Verhalten in Chrome mit NVDA unter Windows. Erledigt ist die Aufgabe, wenn das erste Menüelement den Tastaturfokus erhält und die Navigation mit den Pfeiltasten wie erwartet funktioniert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

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