Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-73379

Create Board with Issue : Tooltip content inaccessible for keyboard users

    XMLWordPrintable

Details

    Description

      Issue Summary

      The tooltip content for "Quick filter "is not accessible by keyboard alone.

      Element: Quick filter

      Location: Below board name heading.

      Additional details: When the mouse pointer is placed on the above-mentioned element, the tooltip will be displayed on the screen.

      Note: This issue is present on many pages.

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to the "Boards" menu button in the header section & activate it.
      3. Activate the “KP board ” link or any other board available in the menu. 
      4. Navigate to the "QUICK FILTERS:" element present in the navigation bar section in the main content area. 

      Actual Results

      In the Boards dashboard, for the Quick filter table data, a tooltip is available which is not accessible with keyboard and screen reader. The tooltip information is available when the mouse is hovered on to the "Quick filter" element.

      The Quick filter data is coded into " <dt id="js-quickfilters-label" class="ghx-cursor-help" aria-describedby="aui-tooltip">Quick Filters:</dt> " incorrectly.

      This makes the keyboard-only and screen reader users difficult to access the information that should be in a tooltip.

      Expected Results

      Following are the expected keyboard interactions.

      • The tooltip information should receive keyboard focus and screen reader.
      • When the "Quick filter" receives focus, the tooltip should not be closed unless the "Escape" key is pressed or after a time limit.
      • Tooltip icon could be provided separately for the "Quick filter"

      Apply the following suggested fixes in the source code.

      • Provide a clear & descriptive label and role to the tooltip element. For Example: 
      1. The element that serves as the tooltip container has a role="tooltip"set.
      2. The element that triggers the tooltip references the tooltip element with aria-describedby.

      Screenshot

      Screen Recording

      JRASERVER-73379.mov

      Workaround

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

      Bug Ref: 739694

      Attachments

        Issue Links

          Activity

            People

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: