Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-15881

Ongoing major incident : Decorative images not hidden from screen readers

XMLWordPrintable

      Issue Summary

      "Search icon" decorative image is not hidden for screen reader users.

      Steps to Reproduce

      1. Open "JSM System Dashboard" page.
      2. Navigate to the "Projects" in the header section and choose any ITSM project from the options.
      3. Navigate to the "Raise a request" link in the side navigation and activate it.
      4. Click the ‘Major incidents’ tab on the left navigation sidebar.
      5. Navigate to the "search icon" decorative images present in the search input field.
      6.  Navigate to the mentioned decorative images using screen reader.
      7. Notice that the "search icon" is announced for the mentioned decorative image.

      Screenshot

      Actual Results

      Decorative image such as "search icon" is not hidden from screen readers, present in the search input field. As a result these images receive screen reader focus.

      Expected Results

      Decorative images should be hidden from screen readers.
      Apply the following changes to hide the decorative images from screen reader users:

      • Hide the icon using aria-hidden="true" attribute on the <span> element. 
      • Additionally, remove aria-label attribute from the <span> element.

      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 14.7 (23D56)
      Chrome - Version 131.0.6778.86
      Firefox- Version 122.0.1 (64-bit)
      Safari- Version 18.1.1 (19619.2.8.111.7, 19619)
      JAWS- Version 2024
      NVDA- Version 2023.3
      Voiceover - Version Latest

              Unassigned Unassigned
              fa4c360ae0ba Saiman Khan (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: