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

Find an issue | Basic Mode: Decorative images not hidden from screen readers

XMLWordPrintable

    Issue Summary

    The decorative image/icon (that becomes available on activating "Resolution: Unresolved" button) in the main content area.

    Steps to Reproduce

    1. Open any project. 
    2. Activate "Issues" button in the header section and select "Search for issues" option.
    3. Navigate to the main content.
    4. Navigate to the "Resolution: Unresolved" button and activate it.
    5. Using screen reader, navigate to the decorative image.
    6. Notice that the decorative images receive screen reader focus and no textual description is announced.

    Screenshot

    Actual Results

    Decorative images/icons 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 icon using aria-hidden="true" attribute on the <span> element.

    span aria-hidden="true" ...></span> 

    Workaround

    Required, if there is no workaround please state:
    Currently there is no known workaround for this behavior. A workaround will be added here when available

    Environment

    MacBook Pro (16-inch, 2021)
    macOs Monterey Version 12.3.1
    Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
    Firefox- Version 93.0 (32-bit)
    Safari- Version 15.3 (17612.4.9.1.5)
    JAWS- Version 2022
    NVDA- Version 2020.3
    Voiceover - Version Latest

      1. Screenshot 2024-02-09 at 4.42.47 PM.png
        945 kB
        ssuryavanshi
      2. Screenshot 2024-02-09 at 4.45.42 PM.png
        862 kB
        Shruti Chabukswar

            b5681d69ff53 Maciej Szarecki
            4cbd728b4726 Rinku Kumar
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: