bug: datetime, empty picker items are read by some screen readers

[shivamsharmanps]

Describe the Bug

Hi,

is not support accessibility, when we can expect to get support, it reads whitespace when use 'md' mode and behave differently and for physically challenge person this will hard, could you bring full accessibility support.

Expected Behavior

accessibility support for datetime-picker.

Steps to Reproduce

When clicking on month or year and moving up/down to select then it reads black/space.

Screenshots

Operating System

Windows 10

Browser

Chrome/Edge

Version

Version 110

Additional Information

Please add accessibility for <ion-datetime></ion-datetime>.

[averyjohnston]

Thank you for the issue. Could you give more details on the problem you're experiencing? I'm not sure I understand everything. A screen recording may help.

[shivamsharmanps]

I am not able to record the video but I am attaching a screenshot which I think will help to understand -

The red square is read as 'Blank' or 'Space' by JAWS tool ( screen reader ), I am using ionic example https://ionicframework.com/docs/api/datetime#basic-usage.
In ionic, most of the things related to accessibility are not working, and for a better experience tried angular material where tools.
working far better, but hoping to get better accessibility result from ionic.

[shivamsharmanps]

I found a issue

this where reader read blank.

[averyjohnston]

Thank you for the details. While I don't have JAWS to test with, we should be able to fix things by adding aria-hidden="true" to those elements.

If you are having other accessibility problems as well, I would recommend opening separate issues in the ionic-framework repo: https://github.com/ionic-team/ionic-framework/issues/new/choose