ionic-team / ionic-team/ionic-framework
bug: ScreenReader iOS does not work with swipe gestures on ion-select >= v. 8.3.4
- Lenguaje dominante
- TypeScript
- Estrellas
- 52.7k
- Forks
- 13.3k
- Merge medio
- 1 d 15 h
- PR fusionados (30 d)
- 51
Descripción
### Prerequisites
- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.
### Ionic Framework Version
v8.x
### Current Behavior
In version 8.3.4, the behavior of the screen reader (VoiceOver) has changed when swiping right. The buttons (e.g., Cancel/OK) are no longer accessible using the right-swipe gesture.
Additionally, the alert is not properly focused when the alert opens.
### Expected Behavior
- When swiping right using the screen reader (VoiceOver), all actionable buttons (e.g., Cancel, OK) should be reachable via the gesture.
- The alert should automatically receive proper focus, ensuring that it is announced and interactable immediately upon appearing.
- The user should be able to navigate through the alert content and buttons seamlessly using VoiceOver gestures.
Check version 8.3.3 where it used to work this way.
### Steps to Reproduce
- Open the application and navigate to a screen that contains an ion-select component.
- Activate the ion-select to display its options (e.g., by tapping on it).
- Observe the alert/modal that appears, listing the selectable options.
- Enable VoiceOver on the device.
- Attempt to swipe right to navigate through the options or actionable buttons (e.g., Cancel/OK).
Notice whether:
- The buttons (e.g., Cancel/OK) are reachable using the right-swipe gesture.
- The alert/modal is properly focused when it appears.
### Code Reproduction URL
https://ionicframework.com/docs/api/select
### Ionic Info
Ionic:
Ionic CLI: 7.2.0
Ionic Framework: @ionic/angular 8.3.4
@angular-devkit/build-angular: 18.2.11
@angular-devkit/schematics: 18.2.11
@angular/cli: 18.2.11
@ionic/angular-toolkit: 12.1.1
Capacitor:
Capacitor CLI: not installed
@capacitor/android: 6.1.2
@capacitor/core: 6.1.2
@capacitor/ios: 6.1.2
Cordova:
Cordova CLI: not installed
Cordova Platforms: not available
Cordova Plugins: not available
Utility:
cordova-res: 0.15.4
native-run: not installed globally
System:
ios-deploy: 1.12.2
NodeJS: v20.17.0
npm: 10.8.2
OS: macOS Unknown
Xcode: Xcode 16.1 Build version 16B40
### Additional Information
_No response_
Guía de contribución
Línea de trabajo
Start with the ion-select reproduction URL and compare VoiceOver behavior between Ionic 8.3.3 and 8.3.4 on iOS. Trace the alert or modal opened by ion-select; done means the alert receives focus and VoiceOver swipe navigation reaches the options and Cancel/OK buttons.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, ios, typescript
- Área
- accessibility, mobile
- Tipo de issue
- Error
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100