Skip to content

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

@Nina0295

Description

@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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions