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

Keyboard accessibility not aligned with ARIA authoring practices guide #4420

Closed
barettjfed opened this issue Dec 22, 2023 · 0 comments · Fixed by #4430 or qburst/react-datepicker-3#10

Comments

@barettjfed
Copy link
Contributor

Describe the bug
Some of the keyboard shortcuts are not aligned to what the W3C WAI-ARIA.
Date Picker Pattern
Like the Home and End button should go to the first and last day of the week.

To Reproduce
Steps to reproduce the behavior:

  1. Open the calendar
  2. Press Home on keyboard
  3. Previous year is selected

Expected behavior
Should move the selected day to the first day of the week.

balajis-qb pushed a commit to qburst/react-datepicker-3 that referenced this issue Jan 2, 2024
Adjust home and end handlers to align with W3C WAI-ARIA principles.  Previously navigation moves to the first and last day of the week instead of one year before and after the calendar.  After this change it's moving to the first and last day of the week

Closes Hacker0x01#4420
balajis-qb pushed a commit to qburst/react-datepicker-3 that referenced this issue Jan 2, 2024
Adjust home and end handlers to align with W3C WAI-ARIA principles.  Previously navigation moves to the first and last day of the week instead of one year before and after the calendar.  After this change it's moving to [the first and last day of the week](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/)

Reference Link:

Closes Hacker0x01#4420
balajis-qb pushed a commit to qburst/react-datepicker-3 that referenced this issue Jan 2, 2024
Adjust home and end handlers to align with W3C WAI-ARIA principles.  Previously navigation moves to the first and last day of the week instead of one year before and after the calendar.  After this change it's moving to [the first and last day of the week](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/)

Closes Hacker0x01#4420
balajis-qb pushed a commit to qburst/react-datepicker-3 that referenced this issue Jan 2, 2024
Adjust home and end handlers to align with W3C WAI-ARIA principles.  Previously navigation moves to the first and last day of the week instead of one year before and after the calendar.  After this change, it's moving to [the first and last day of the week](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/)

Closes Hacker0x01#4420
martijnrusschen added a commit that referenced this issue Jan 3, 2024
…-key

Fix #4420: Update home key and end key navigation in Calendar component
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
1 participant