Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-19226

Repositories: Focus not visible

XMLWordPrintable

      Issue Summary

      The keyboard focus is not visible on the links present in the Repositories table.

      Steps to Reproduce

      1. Open the "Repositories" page.
      2. Use the Tab key to navigate to the mentioned instances.
      1. Observe that the focus indicator is not visible.

      Screen Recording

      Screen Recording 2024-02-23 at 6.48.51 PM.mov

      Screenshot

      Actual Results

      When the user Tab through on the mentioned links such as "pull-request-merge-conflict" and "repository 1" present on the page in the Repositories table, it is not possible to visually identify the current location.

      This may affect users while accessing the page content especially users with visual, mobility, and learning impairments.

      Expected Results

      The focus indicator should be visible while navigating between the buttons using a keyboard.

      Set the CSS outline property for the mentioned button to ensure that a clear focus indication is available for users.
      And remove the "outline-style" CSS property from the code.

      Workaround

      Currently, there is no known workaround for this behaviour. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2021)
      macOs Sonoma 14.3.1
      Chrome - Version 120.0.6099.109 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.3 (19617.2.4.11.8)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

              Unassigned Unassigned
              1833d2e1842a Rahul Patil (Inactive)
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: