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

Accessibility issue with Accordion keyboard navigation #1616

Closed
ltaylor2607 opened this issue Sep 29, 2021 · 0 comments
Closed

Accessibility issue with Accordion keyboard navigation #1616

ltaylor2607 opened this issue Sep 29, 2021 · 0 comments
Assignees
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Milestone

Comments

@ltaylor2607
Copy link

ltaylor2607 commented Sep 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)
https://codesandbox.io/s/accordion-accessibility-issue-wcxxi?file=/src/App.vue

Current behavior
When using the keyboard to navigate through the accordion, it is not possible to open the accordion tab using the enter key.

Expected behavior
Pressing the enter key on an accordion tab should open the tab and display the content.

Minimal reproduction of the problem with instructions
A simple reproduction can be found on CodeSandbox at https://codesandbox.io/s/accordion-accessibility-issue-wcxxi?file=/src/App.vue
Navigate through the accordion using the keyboard and attempt to use enter to open the accordion tab

What is the motivation / use case for changing the behavior?
For accessibility purposes, it should be possible to navigate through an accordion using only the keyboard.

Please tell us about your environment:

  • Operating system: Windows 10 Business
  • IDE: Visual Studio Code
  • *Package manager: npm
  • Server: server provided by vue-cli-server
  • Vue version: 3.1.2
  • PrimeVue version: 3.5.1
  • Browser: Microsoft edge 94.0.992.31 | Firefox 91.0.2 | Chrome 94.0.4606.61
@cagataycivici cagataycivici added this to the 3.8.3 milestone Oct 25, 2021
@cagataycivici cagataycivici added the Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add label Oct 25, 2021
@tugcekucukoglu tugcekucukoglu modified the milestones: 3.8.3, 3.8.2 Oct 25, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Enhancement Issue contains an enhancement related to a specific component. Additional functionality has been add
Projects
None yet
Development

No branches or pull requests

3 participants