Issues: Unnecessary textual description for decorative image

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      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

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

              Created:
              Updated:
              Resolved: