Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-25587

Create Plan Wizard : Decorative images not hidden from screen readers

XMLWordPrintable

      Issue Summary

      Decorative images are not hidden from the screen reader.

      Steps to Reproduce

      1. Open the Create Plan Wizard page
      2. Navigate to the mentioned decorative images using a screen reader.
      3.  Notice that the decorative images receive screen reader focus and no textual description is announced.

      Screenshot

      Actual Results

      Decorative images/icons in the main content are not hidden from screen readers. As a result, these images receive screen reader focus.

      Expected Results

      Ensure that decorative images are hidden from screen readers. Hide the image using the aria-hidden="true" attribute on the <svg> element.

      Code snippet

      <svg width="60" aria-hidden="true" height="60" viewBox="0 0 195 196" fill="none"><g...

      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 Ventura 14.2.1
      Chrome -Version 120.0.6099.71 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.1 (19616.2.9.11.7)
      JAWS- Version 2023
      NVDA- Version 2021.2
      Voiceover - Version Latest

        1. Screenshot 2024-01-29 at 3.38.47 PM.png
          Screenshot 2024-01-29 at 3.38.47 PM.png
          602 kB

            [JSWSERVER-25587] Create Plan Wizard : Decorative images not hidden from screen readers

              Unassigned Unassigned
              c1baca6cb430 Sameer Shaikh
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: