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

Branches : Tooltip content inaccessible for keyboard only user

    Issue Summary

    In the Branches section, the tooltip available on the count of the Behind/Ahead is inaccessible for keyboard-only users.

    Steps to Reproduce

    1. Launch the URL
    2. Navigate to the Behind/Ahead section and try to hover on the count with the mouse and try to navigate it with the keyboard.

    Screenshot

     

    Screen recording

    Screen Recording 2022-05-02 at 4.30.28 PM.mov

    Actual Results

    In the branches section, the tooltip which is available on mouse hover for the count of Behind/Ahead is not accessible by keyboard and screen reader user. The element uses device-dependent event handlers and is therefore not accessible by keyboard alone. This made it difficult for users with mobility and visual impairments to access the tooltip content. 

    Expected Results

    The following changes could be implemented to make the tooltip accessible:

    • Provide appropriate textual description via aria-label attribute for the element.
    • Display the information available in the tooltip as plain text and use CSS for formatting.
    • Specify the ARIA role "tooltip" for the information displayed on hover. Specify a unique id attribute for the tooltip and reference it via the aria-describedby attribute of the element.
    • Modify the script to make the tooltip information available on hover as well as on focus. In addition along with mouse-specific event handlers, use keyboard specific event handlers, such as "onfocus", "onblur", etc. to make the functionality accessible for keyboard-only users.

    Workaround

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

    Bug Ref: 742031

          [BSERV-13279] Branches : Tooltip content inaccessible for keyboard only user

          Matthew Brennan made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-NVDA ax-at-user ax-bitbucket ax-bug ax-desktop ax-dev-ready ax-kb-user ax-low-priority ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 2.1.1 Accessibility Level-A WCAG21 ax-at-NVDA ax-at-user ax-bitbucket ax-bug ax-critical ax-critical-priority ax-desktop ax-dev-ready ax-kb-user ax-low-priority ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox
          Matthew Brennan made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-NVDA ax-at-user ax-bitbucket ax-bug ax-desktop ax-dev-ready ax-kb-user ax-low-priority ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 2.1.1 Accessibility Level-A WCAG21 ax-at-NVDA ax-at-user ax-bitbucket ax-bug ax-desktop ax-dev-ready ax-kb-user ax-low-priority ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox
          Jemma Zhang made changes -
          Fix Version/s New: 8.5.1 [ 104092 ]
          Jemma Zhang made changes -
          Resolution New: Fixed [ 1 ]
          Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]

          releasing 7.17.12

          Jemma Zhang added a comment - releasing 7.17.12
          Carlos Sanchez Rosa made changes -
          Fix Version/s New: 8.2.4 [ 103297 ]
          Fix Version/s New: 8.3.3 [ 103296 ]
          Fix Version/s New: 8.1.5 [ 103295 ]
          Fix Version/s New: 8.0.5 [ 103294 ]
          Fix Version/s New: 7.21.6 [ 103293 ]
          Fix Version/s New: 8.4.2 [ 102894 ]
          Tom Zutis (Inactive) made changes -
          UIS New: 0
          Carlos Sanchez Rosa made changes -
          Fix Version/s New: 7.17.12 [ 103292 ]
          Carlos Sanchez Rosa made changes -
          Status Original: In Review [ 10051 ] New: Waiting for Release [ 12075 ]
          Carlos Sanchez Rosa made changes -
          Remote Link New: This issue links to "Bitbucket Server › Pull Request Build › bugfix-BSERV-13279-branches-tooltip-content-inaccessible-for-keyboard-only-user (server-syd-bamboo)" [ 693656 ]

            cb3955cd8c67 Carlos Sanchez Rosa
            2b3f463b7e2d Akhilesh Paradhi (Inactive)
            Affected customers:
            0 This affects my team
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: