Minor Accessibility Enchancements

[dennis-varvari]

Hi,

When using your datetime picker in a project that has accessibility in mind (e.g. WCAG), I encountered some minor problems, specifically when using screen readers. It would be so helpful to include some of these small enhancements as they would make a big difference!

Some of the image buttons on the picker have no accessible names or labels, so screen readers don't read the functionality of these buttons to the users:

• the checkmark button that saves the input of the picker has no textual description - you could add an aria-label="Done" attribute to the html tag of the button (the screen reader would be able to read the text "Done" to a user whenever they would change focus to the checkmark button) see the first attachment

• the time addition and subtraction buttons seem to have identical accessible names that don't reflect their usage, such as 'expand_less icon' and 'expand_more icon' - you could add more descriptive textual descriptions to them such as "Previous Hour", "Next Minute" or so by using the aria-label attribute (the user of the screen reader could understand the usage of the button that they placed their focused on) see the second attachment

I have noticed that some of the components of the picker already have accessibility labels that screen readers can interpret. It would be great to extend this functionality.

Thank you!