bug(mat-menu): VoiceOver user on mobile is able to navigate out of an opened Menu
- 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
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