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

Issues: Unnecessary textual description for decorative image

XMLWordPrintable

      Issue Summary

      The button text "Create issue" is found to be redundant for the screen reader users.

      Steps to Reproduce

      1. Open the "Issues" page.
      2. Using screen reader try to access the above mentioned button present in the main content area.
      3. Listen screen reader announcement which sounds redundant.

      Screenshot

      Actual Results

      When user navigates onto the "Create issue" button, it is announcing redundant names for it due to meaningful textual description "Create issue" is provided for the decorative image used for this button.

      This will cause confusion among screen reader users as decorative content is being announced unnecessarily.

      Expected Results

      Use aria-hidden="true" attribute on the <span> element for mentioned button so that the decorative image can be ignored by assistive technologies, such as screen readers.

      Code Snippet

      <button type="button" class="aui-button aui-button-subtle" resolved="">
      <span aria-hidden="true" class="aui-icon aui-icon-small aui-iconfont-add">Create issue</span> Create issue</button> 

      Workaround

      Not Available.

      Environment

      MacBook Pro (14-inch, 2021)
      macOs Sonoma 14.2.1
      Chrome - Version 121.0.6167.85 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.2.1 (19617.1.17.11.12)
      JAWS- Version 2022
      NVDA- Version 2021.2
      Voiceover - Version Latest

              b5681d69ff53 Maciej Szarecki
              2f731c2c22ce Rohan Sakpal (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: