Skip to content

bug: ion-datetime incorrect aria-description for previous and next mount #25844

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
4 of 7 tasks
iamandersonp opened this issue Aug 29, 2022 · 2 comments · Fixed by #25845
Closed
4 of 7 tasks

bug: ion-datetime incorrect aria-description for previous and next mount #25844

iamandersonp opened this issue Aug 29, 2022 · 2 comments · Fixed by #25845
Labels
package: core @ionic/core package type: bug a confirmed bug report

Comments

@iamandersonp
Copy link

Prerequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x
  • Nightly

Current Behavior

The ion-datetime in calendar mode isn't reading correctly the previous and next month buttons, the screen readers read the name of the prev and next icon.

It could be interesting to have a way of give then a label as for the acept and cancel buttons.

Also in calendar mode, The month an year selection in wheel mode is readed as a colections of buttons and when you select the corresponding month or year it doesn't say anything. this way the user won't know if the corresponded year or month was selected

Expected Behavior

the previous and next button should hace a correct label (aria-label) so the screen reader could identfy the button correctly

Steps to Reproduce

create a page

add a ion-datetime in any variation and use a screen reader

Code Reproduction URL

https://stackblitz.com/run?file=src%2Fapp%2Fapp.component.ts

Ionic Info

Ionic:

Ionic CLI : 6.20.1 (/Users/anderson/.nvm/versions/node/v14.18.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 6.2.0
@angular-devkit/build-angular : 13.3.9
@angular-devkit/schematics : 13.0.1
@angular/cli : 13.0.1
@ionic/angular-toolkit : 5.0.3

Cordova:

Cordova CLI : 11.0.0
Cordova Platforms : android 10.1.2, ios 6.2.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 7 other plugins)

Utility:

cordova-res : 0.15.4
native-run (update available: 1.6.0) : 1.5.0

System:

Android SDK Tools : 26.1.1 (/Users/anderson/Library/Android/sdk)
ios-deploy : 1.11.4
ios-sim : 8.0.2
NodeJS : v14.18.1 (/Users/anderson/.nvm/versions/node/v14.18.1/bin/node)
npm : 8.17.0
OS : macOS Monterey
Xcode : Xcode 13.4.1 Build version 13F100

Additional Information

No response

@liamdebeasi
Copy link
Contributor

Thanks for the issue. This has been resolved via #25845, and a fix will be available in an upcoming release of Ionic Framework.

The wheel picker bug you noted is being tracked in #25221.

@ionitron-bot
Copy link

ionitron-bot bot commented Sep 28, 2022

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

@ionitron-bot ionitron-bot bot locked and limited conversation to collaborators Sep 28, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
package: core @ionic/core package type: bug a confirmed bug report
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants