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 WCAG Accessibility Issue with Keyboard Navigation #1393

Closed
vuefan opened this issue Jul 29, 2021 · 0 comments
Closed

Calendar WCAG Accessibility Issue with Keyboard Navigation #1393

vuefan opened this issue Jul 29, 2021 · 0 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@vuefan
Copy link

vuefan commented Jul 29, 2021

I'm submitting a ... (check one with "x")

[x] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)
Please demonstrate your case at CodeSandbox by using the issue template below. Issues without a test case have much less possibility to be reviewed in detail and assisted.
WCAG Accessibility Issue

Current behavior

In PrimeVue2's Calendar, keyboard navigation works correctly for WCAG accessibility. However, in PrimeVue 3's Calendar, the focus gets lost when trying to navigate with the keyboard as we move the date from one month to the next (in the calendar itself).

Expected behavior

Keyboard navigation should function similarly to PrimeVue 2.

Minimal reproduction of the problem with instructions

It works correctly in PrimeVue 2 - https://www.primefaces.org/primevue/showcase-v2/#/calendar
It is broken in PrimeVue 3 - https://primefaces.org/primevue/showcase/#/calendar

What is the motivation / use case for changing the behavior?

To account for WCAG guidelines for accessibility. At this time, keyboard navigation is broken and users cannot properly select a date using the keyboard.

Please tell us about your environment:

Tested on both Windows and Mac in Chrome, Safari, IE.

  • Vue version: 3.X

Yes 3.x

  • PrimeVue version: 3.4.X

Yes 3.4.x

  • Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

Chrome, Safari, IE

@vuefan vuefan changed the title Calendar Accessibiity Issue with Keyboard Navigation Calendar WCAG Accessibility Issue with Keyboard Navigation Jul 29, 2021
@cagataycivici cagataycivici self-assigned this Aug 19, 2021
@cagataycivici cagataycivici added the Type: Bug Issue contains a bug related to a specific component. Something about the component is not working label Aug 19, 2021
@cagataycivici cagataycivici added this to the 3.7.0 milestone Aug 19, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests

3 participants