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

Bitbucket DC : Keyboard focus not visible in windows high contrast mode

      Issue Summary

      In high-contrast mode, certain elements within the application lack visible keyboard focus and borders, which impairs the usability for visually impaired users who depend on these visual cues.

      Steps to Reproduce

      1. Navigate to bitbucket dc application.
      2. In windows setting turn on high contrast mode.
      3. Navigate through application

      Screenshot

      Actual Results

      Keyboard Focus Visibility:

      • Keyboard focus indicator is not visible in high-contrast mode across various sections of the application.
      • Visually impaired users or those with low vision struggle to identify their current location within the interface, especially in sections like Project > Repository
      • This lack of visibility disrupts navigation and orientation for users who rely on clear focus indicators.

      Borders on Overlays and Pop-ups:

      • Overlays and pop-ups lack visible borders in high-contrast mode, making it difficult for visually impaired users to distinguish these elements from the background.
      • Examples include the Your Work flyout and Project > Settings pop-up , which appear frameless and blend into the background.
      • The absence of defined frames increases the risk of confusion, as users may not recognize these elements as separate from other screen content.

      Expected Results

      Keyboard Focus Indicator Visibility:
      A clear, high-contrast focus outline should be visible around each interactive element when in high-contrast mode, enabling visually impaired users to track navigation. For example, in Project > Repository, a bright border (e.g., yellow on black) should highlight each focused item.
      Borders on Overlays and Pop-ups:
      All overlays and pop-ups should have a visible, high-contrast border, making them distinct from other content. For instance, Your Work flyouts and Project > Settings pop-ups should have a solid, contrasting frame (e.g., white or yellow) to improve recognition and usability.

      Workaround

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

      Environment

      MacBook Pro (16 inch, 2021)
      macOs Sonoma 14.7.1 (23H222)
      Chrome - Version 131.0.6778.265 (Official Build) (arm64)
      Firefox- Version 112.0. 1
      Safari- Version 18.2
      JAWS- Version 2024
      NVDA- Version 2024
      Voiceover - Version Latest

        1. Screenshot 2024-10-28 153839.png
          74 kB
          Rogerpinto Marialouis
        2. Screenshot 2024-10-28 154026.png
          167 kB
          Rogerpinto Marialouis
        3. Screenshot 2024-10-28 154103.png
          106 kB
          Rogerpinto Marialouis

          Form Name

            [BSERV-19710] Bitbucket DC : Keyboard focus not visible in windows high contrast mode

            There are no comments yet on this issue.

              Unassigned Unassigned
              153f1fd15216 Rogerpinto Marialouis
              Affected customers:
              1 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: