Accessibility Assessment | Releases: Inaccurate text alternative for informative images

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      The “warning” image is provided with inappropriate textual description as “danger icon” in the modal dialog (that becomes available on activating “Delete” button) in the main content area.

      Steps to Reproduce

      1. Open the "Accessibility Assessment - Releases" page.
      2. Navigate to the main content.
      3. Navigate to the "More actions" buttons and activate any of these.
      4. Navigate to the "Delete" button and activate it.
      5. A modal dialog appears on the page.
      6. Navigate to the mentioned informative image.
      7. Inspect the code.

      Screenshot

      Actual Results

      Inaccurate text alternative “danger icon” is provided for “warning” informative image using aria-label attribute.

      As a result, screen reader might get confuse about the purpose of this image.

      Expected Results

      Provide the text alternative as “warning” for the mentioned informative image using aria-label attribute.

      Code snippet

      <span class="Icon__IconWrapper-dyhwwi-0 bcqBjl" aria-label="Warning"></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

            Assignee:
            Unassigned
            Reporter:
            Rinku Kumar
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: