Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Calendar Aria Labels is not updating corresponding to it's purpose #4623

Closed
balajis-qb opened this issue Mar 20, 2024 · 0 comments · Fixed by #4624
Closed

Calendar Aria Labels is not updating corresponding to it's purpose #4623

balajis-qb opened this issue Mar 20, 2024 · 0 comments · Fixed by #4624

Comments

@balajis-qb
Copy link

Describe the bug
The current implementation of the Calendar component fails to update aria labels according to the selection purpose, leading to accessibility issues. The aria labels remain static, displaying "Choose Date" regardless of the selection type like showTimeInput or showTimeSelect or showTimeSelectOnly.

The Problem
The lack of dynamic aria labels hinders user accessibility, as it fails to provide clear information about the selection options available.

Proposed Solution
Implement functionality to update aria-label dynamically based on the selection purpose (date or date and time, or time only) to enhance user experience and accessibility.

To Reproduce
Render DatePicker with any time-related props and check aria-label of the element with the class react-datepicker.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment