Skip to content

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

Description

@iamandersonp

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions