Search Issue Basic : Informative (static) content is not readable by a screen reader.

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      Informative (static) content is not readable by a screen reader in the Basic search issue filter section.

      Element: "To search by Team please switch to advanced." message

      Location: Present in the "Team" button is expanded

      Element: "To search by Original story points please switch to advanced."

      Location: Present in the "Original story points" button is expanded

      Steps to Reproduce

      1. In the Jira header, navigate to the Issues link and activate it.
      2. Activate the Search issues link available and navigate into the filter section.
      3. In the filter section add the filter for "Original story points" and "Team".

      Actual Results

      After adding the filter options for "Original story points" and "Team" on the Basic search issue page, additional information will be displayed on the screen such as "To search by Team/Original story point please switch to advanced." in form of a tooltip. 

      • The focus does not go to the tooltip content or the icon with the keyboard or screen reader.
      • The code of the tooltip element container (class="searcher-no-edit-content") is placed at the end of the page in DOM order incorrectly.

      If the order of the code and the visual order of content differ in such a way that the meaning of the content is changed, screen reader users may not understand the content correctly.

      Expected Results

      The reading and navigation order must be logical and intuitive. Fix this issue by ensuring that the order of the content in the DOM is logical.

      • The tooltip icon should receive keyboard and screen reader focus and should stay active until the focus is removed.
      • Add a role="tooltip" to the <div> element of the tooltip and ensure the tooltip content is announced when the user activates the Search extender for "Original story points" and "Team".
      • Place the code of the tooltip element container (class="searcher-no-edit-content") right after the code of (class="criteria-wrap") component inside the DOM order. This makes sure that the visual order of the element matches the DOM order.

      The visual order of the content can differ from the source code order, as long as the reading order for screen readers is still logical and meaningful.

      Screenshot

      Screen Recording

      Story point.mp4

      Workaround

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

      Bug Ref: 724729

        1. JRASERVER-74005-after-fix.mov
          34.00 MB
        2. QA JRASERVER-74005.mov
          32.45 MB
        3. Story point.jpg
          Story point.jpg
          1.03 MB
        4. Story point.mp4
          980 kB

            Assignee:
            Vadym Ohyr
            Reporter:
            Matthew Brennan
            Votes:
            1 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: