ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.01k stars 13.51k forks source link

bug: Aria labels of text fields are not announced when next button on the android keyboard is pressed (when talkback is on) #27740

Closed ManognaCMU closed 1 year ago

ManognaCMU commented 1 year ago

Prerequisites

Ionic Framework Version

v6.x

Current Behavior

When talkback is on in android phone, when the user clicks on the next button of the android keyboard, the aria-labels of the next fields are not being announced.

Say, there are 3 text fields on the form.

When the user enters data into the first field, and clicks next on the android keyboard, the focus/pointer goes to the next field, but the aria-labels of the next fields are not announced. (when talkback is on)

Expected Behavior

The aria-labels of the fields should be announced when the next button on the android keypad is clicked.

Steps to Reproduce

  1. Turn on talkback on android
  2. Create a form with 3 text fields
  3. Enter data into the first text field
  4. Press the next button on the android keyboard
  5. the pointer moves to the next field, but does not read out the aria-labels of the next fields.

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.20.1 (C:\Users\saimanogn.pentyala1\AppData\Roaming\npm\node_modules\@ionic\cli) Ionic Framework : not installed @angular-devkit/build-angular : 16.0.2 @angular-devkit/schematics : 16.0.2 @angular/cli : 16.0.2 @ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 5.0.4 @capacitor/android : 5.0.4 @capacitor/core : 5.0.4 @capacitor/ios : 5.0.4

Utility:

cordova-res : 0.15.4 native-run : 1.7.2

System:

NodeJS : v16.16.0 (C:\Program Files\nodejs\node.exe) npm : 8.11.0 OS : Windows 10

Additional Information

No response

ionitron-bot[bot] commented 1 year ago

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

averyjohnston commented 1 year ago

This issue is being closed due to lack of a reproduction. If this is still a problem in the latest version of Ionic, please open a new issue and ensure the template is fully filled out. Thank you!