Skip to content

Accessibility issue: focus order skips many items when activating icon gallery #1073

@scoutb-cogapp

Description

@scoutb-cogapp

UV version: universalviewer@4.0.25

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)

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Community Sprint COMPLETED

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions