-
Notifications
You must be signed in to change notification settings - Fork 13.5k
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
bug: datetime month/year picker is hard to use with screen readers #25221
bug: datetime month/year picker is hard to use with screen readers #25221
Comments
Native iOS does something similar that we can probably follow: RPReplay_Final1651585768.movWith VoiceOver enabled, users can select the column as a whole. In order to interact with the picker, they need to double tap the column. At this point, users are able to drag the column up or down. Swiping to proceed to the next/prev items does not appear to select the individual picker items. |
This same behavior ocurs for the ion-datetime in wheel mode in the video of liamdebeasi you can hear the voiceover say the month and year are sliders but the actual month selector is readed as buttons and nothin hapens when you select those buttons |
This will be fixed in an upcoming minor release of Ionic 8: #29371 |
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. |
Prerequisites
Ionic Framework Version
Current Behavior
When using
ion-datetime
's month/year picker with a screen reader, swiping to get around the page, it isn't possible to close the picker without unintentionally changing your selection. You have to swipe past all months to get back to the picker, and the scrolling automatically changes which month is selected.Screencast: https://user-images.githubusercontent.com/90629384/166057993-70e1c6ad-2053-431c-a908-4ef03787fac7.mov
Expected Behavior
You should be able to change the month/year on a screen reader to any value. I'm not sure what should change about the design, though. Pressing Escape to toggle the picker would work on desktop, but not on phones, for example.
Steps to Reproduce
Use any
ion-datetime
with a presentation that shows the month/year picker as a separate overlay.Code Reproduction URL
No response
Ionic Info
Recording was from core hosted through ngrok; output from hosting PC:
Additional Information
No response
The text was updated successfully, but these errors were encountered: