feat: Improve ion-datetime text accessibility

[BenoitMonchanin]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Hello, if I may, I suggest to not use pixel values for height of picker items in month ion-datetime (or other ones with wheel format).

Thanks for reading my words and sorry by advance for my medium english :).
If any information is missing or for any question, please let me know.

Describe the Use Case

I make this suggestion because of an accessibility issue that I have on Angular 13 with Ionic 6.
I use the ion-datetime component and I am working on the app accessibility, currently, adjusting all my app with the text at 200% of size.

But there is an issue for month-year ion-datetime, and others use cases with wheel format :

I figured out that size of each picker item is set to 34 pixels but cannot be updated, it's in Shadow DOM.

Describe Preferred Solution

My solution could be one of the following :

• give a way to developers to update this value using CSS custom properties ;
• use an adaptive value in EM for example.

I tried by using value of 1.5em in my browser (at normal text size and 200%) :
Normal text size

200% text size

P.S. : I had a little issue on scrolling months and years when text was at 200%. Maybe because this static size is required for something else.

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[BenoitMonchanin]

After investigations for an other accessibility issue (not linked with Ionic), I discoved that it was Firefox my problem. I wasn't use the normal way to increase text size. My bad !

[ionitron-bot]

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.