Backlog: Tooltip content is not accessible using screen reader

XMLWordPrintable

    • 10.03
    • Severity 2 - Major

      Issue Summary

      The tooltip content "Use Quick Filters to view a subset of issues. Add more in the board configuration" that appears on hover and keyboard focus on "Quick Filters" text is not accessible for screen reader users. 

      Steps to Reproduce

      1. Open DC project.
      2. Activate the "Backlog" link from side navigation. 
      3. Navigate through page using the TAB key using the keyboard. 
      4. Navigate through the page using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
      5. Observe that the tooltip content appears on keyboard focus and hover. 
      6. Observe that the tooltip content is not accessible for screen reader users. 

      Screen Recording

      Screen Recording 2025-01-31 at 2.04.04 PM.mov

      Actual Results

      The tooltip content "Use Quick Filters to view a subset of issues. Add more in the board configuration" that appears on hover and keyboard focus on "Quick Filters" text is not accessible for screen reader users. 

      As a result, the information is not conveyed to screen reader users. 

      Expected Results

      The tooltip content should be available when the mentioned button receives focus.

      Apply the following changes:

      • Provide a button beside the text.
      • Provide button role to the tooltip button using the <button> element or role=”button” and tabindex=”0” on the container of the button.
      • Provide an accessible name as “More information about Quick filters“ to the button.
      • Modify scripts 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"and so on to make the functionality accessible for keyboard-only users.
      • Specify the ARIA role "tooltip" for the information displayed on hover. Specify an unique "id" attribute for the tooltip and reference it via the "aria-describedby" attribute of the mentioned button.

      For more information, refer to the following link: Tooltipsarchived

      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 Version 14.1

      Chrome - Version 131.0.6778.265 (Official Build) (arm64)

      Firefox- 134.0.1 (64-bit)

      Safari- Version 18.2 (19620.1.16.111.6, 19620)

      JAWS- Version 2023

      NVDA- Version 2023.2

      Voiceover - Version Latest

       

        1. Screen Recording 2025-01-31 at 2.04.04 PM.mov
          19.41 MB
          Shruti Chabukswar
        2. Screen Recording 2025-05-15 at 12.28.33 PM.mov
          16.22 MB
          Anusooya .
        3. Screenshot 2025-05-15 at 11.39.52 AM.png
          560 kB
          Anusooya .

            Assignee:
            Unassigned
            Reporter:
            Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: