angular / angular/components

bug(mat-menu): VoiceOver user on mobile is able to navigate out of an opened Menu

Offen
#33,580 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: aria/menu gemini-triaged P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Description

On iOS, with VoiceOver turned on, after a user opens a menu and they start swiping through the menu items in order to move focus from one item to the next, when they reach the first or last menu item and swipe respectively backward or forward, VoiceOver focus is moved outside of the menu into the next element

### Reproduction

StackBlitz link: https://material.angular.dev/components/menu/overview#menu-overview
Steps to reproduce:
1. On an iOS device, turn VoiceOver on
2. Navigate to the menu example
3. Open the menu
4. Swipe forward until VoiceOver focus leaves the menu

### Expected Behavior

Focus is trapped in the menu

### Actual Behavior

VoiceOver focus moves outside of the menu

### Environment

- Angular: v21
- CDK/Material: v21
- Browser(s): Any
- Operating System (e.g. Windows, macOS, Ubuntu): iOS with VoiceOver turned on

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Problem in der verlinkten Übersicht des Material-Menüs auf einem iOS-Gerät mit aktiviertem VoiceOver zu reproduzieren, und verfolge anschließend die Fokusbehandlung von mat-menu beim ersten und letzten Menüelement. Erledigt ist die Aufgabe, wenn Vorwärts- und Rückwärtsstreichen den VoiceOver-Fokus innerhalb des geöffneten Menüs halten, anstatt ihn zum nächsten Element zu bewegen.

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
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
55/100

Neue Issues direkt in Ihr Postfach

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