Skip to content

Accessibility issue: no focus highlight on forward/backward buttons in image controls #1077

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

image controls: forward and backward buttons

Issue description

The forward and backward buttons inside the image controls (as oppsed to those in the header panel) don't have any focus highlight

Steps to reproduce

  1. open this manifest
  2. navigate to the image forward and backward buttons inside the image viewer
  3. observe that they have no focus highlight

Expected behaviour

it is always visually apparent which element on the page currently has keyboard focus

Possible fix

Turning the divs into actual button or link elements would probagbly automatically fix this

WCAG criterion

2.4.7 Focus Visible (Level AA)

Related code

<div class="paging btn next" tabindex="0" title="Next" style="position: relative; padding-right: 0px; padding-top: 0px; display: inline-block; top: 239px;"></div>

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