Prerequisites
Ionic Framework Version
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
Prerequisites
Ionic Framework Version
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