Accessibility issue - screen reader readout of "Su Mo Tu We Th Fr Sa"

[Nina0295]

Describe the bug

When a screenreader user arrows through the content in the datepicker, the screen reader reads the calendar header's days of the week as "Su" "Mo" "Tu" We" (I tested with voiceover)

To Reproduce Steps to reproduce the behavior:

1)Go to the react-datepicker demo (https://reactdatepicker.com/) 2)Turn on a screenreader (I used Voiceover) 3)Arrow through the calendar to the days of the week at the top and observe how they are announced by the screen reader

Expected behavior

It would be better if either:

1)The weekdays had aria-labels and were read by the screen reader as "Sunday" "Monday" etc. 2)These elements were skipped over altogether (aria-hidden=true) since the actual dates are read as "Sunday August 1 2021" and already include the day, so being able to focus on the weekdays isn't really useful.

Desktop (please complete the following information):

MAC OS Browser: Chrome

[jphawk]

It would be good to have a possibility to customise the day names' aria-labels for DatePickers. Right now. unfortunately, it's really confusing for the end user.

[github-actions[bot]]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.