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

[Accordion] Make follow accessibly standards #12632

Closed
2 tasks done
salientknight opened this issue Aug 23, 2018 · 1 comment · Fixed by #14465
Closed
2 tasks done

[Accordion] Make follow accessibly standards #12632

salientknight opened this issue Aug 23, 2018 · 1 comment · Fixed by #14465
Assignees
Labels
accessibility a11y component: accordion This is the name of the generic UI component, not the React module!

Comments

@salientknight
Copy link

Currently, if you have a link of any kind inside your panel and you tab through the page, the tab sequence will tab to hidden items in the closed expansions. The tab sequence should skip links inside of closed panels.

  • This is a v1.x issue.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

The tab sequence should skip links inside of closed panels.

Current Behavior

The tab sequence does not skip links inside of closed panels.

l## Examples

https://springload.github.io/react-accessible-accordion/ This is how accessible accordions should work

Context

We are trying to create an accessible workflow of panels with linked lists inside. Accessible tab behavior is critical to this project.

@oliviertassinari oliviertassinari added the duplicate This issue or pull request already exists label Aug 23, 2018
@oliviertassinari
Copy link
Member

oliviertassinari commented Aug 23, 2018

@salientknight I believe it's a duplicate of #10569. There is a known workaround, as far as I remember, the issue is about improving the API.

@oliviertassinari oliviertassinari added accessibility a11y component: accordion This is the name of the generic UI component, not the React module! and removed duplicate This issue or pull request already exists labels Aug 24, 2018
@oliviertassinari oliviertassinari changed the title Make Expansion Panels follow accessibly standards [Accordion] Make follow accessibly standards Jul 18, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: accordion This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants