Skip to content

PUL Logo should show focus indicator on tab #444

@maxkadel

Description

@maxkadel

Steps to recreate

  1. Go to the LuxLibraryHeader component in the Lux Styleguide
  2. Tab until the "Leave and Travel Requests" shows a focus indicator
  3. Shift-tab and notice that although your focus is on the library logo, no focus indicator appears

URL

Issues

Severity

WCAG Success Criterion

2.4.7 - focus visible

WCAG Conformance level (A, AA, AAA)

AA

User impact

Disorienting

Recommended fix

Ensure focus indicator is visible for keyboard navigation, both on its own and within the context of the LuxLibraryHeader

Acceptance criteria

  • I can successfully use this feature with Voice Over in Safari.
  • I have checked this feature using one of the following browser extensions and confirmed that it does not add any level A or level AA issues:
    • axe dev tools
    • Lighthouse
    • Wave
  • ...

Notes

While the change probably needs to be made in the LuxLibraryLogo, it's harder to see the behavior there.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions