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: focus order skips many items when activating icon gallery #1073

Open
scoutb-cogapp opened this issue Aug 12, 2024 · 0 comments

Comments

@scoutb-cogapp
Copy link

UV version: [email protected]

I'm submitting a: bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below

Page area

icon gallery button

Issue description

Activating the icon gallery with the icon-gallery-button by keyboard moves focus to the more-information-button on the right side of the screen (the little chevrons). This skips whole sections of the page in the tab order: the options button and all the image controls.

Steps to reproduce

  1. open this manifest
  2. use keyboard navigation to activate the gallery icon in the top right
  3. observe that focus moved to the chevron-button
  4. activate that button by pressing spacebar
  5. observe that sidebar closes
  6. continue tabbing and observe focus moving to download button

Expected behaviour

Focus remains with the button that activates the gallery view. This way, a user can simply close that view again and continue their journey.

WCAG criterion

2.4.3 Focus Order (Level A)

@scoutb-cogapp scoutb-cogapp changed the title Accessibility bug: focus order skips many items when activating icon gallery Accessibility issue: focus order skips many items when activating icon gallery Aug 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Accessibility Backlog
Development

No branches or pull requests

2 participants