Skip to content

Accessibility issue: invisible skip link #1088

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

"skip to downloads" link at top of page

Issue description

There is a link on top of the page enabling users to skip to the downloads and alternative formats section at the bottom of the image viewer. When this link is accessed by keyboard it remains invisible. A keyboard user won't know where focus has moved.

Steps to reproduce

  1. open this manifest
  2. tab to the first item in the tab order (first item button), then tab backwards
  3. observe that no link has become visible and no focus highlight is applied to any element

Expected behaviour

The link becomes visible and receives focus when it is accessed by keyboard

WCAG criterion

2.4.7 Focus Visible (Level AA)

Related code

<a class="sr-only" href="#download-btn">Skip to downloads and alternative formats</a>

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

Status
Community Sprint COMPLETED

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions