Accessibility Assessment - Roadmaps: Textual description not provided to the image button

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      The close image buttons present in the main content area which lacks textual description.

      Steps to Reproduce

      1. Navigate to the "Plans" dropdown and activate it.
      2. Select any option from the list.
      3. Navigate the main content using screen reader.
      4. Ensure that textual description is not provided to the image buttons.

      Screenshot

      Actual Results

      The "X", "1", "2", and so on image buttons lack textual description. Screen readers will announce these buttons as "Unlabelled". As a result, screen reader users will be unable to identify the purpose of these buttons.

      Expected Results

      Provide appropriate textual description to the image buttons using aria-label.

      Code Snippet

      <div role="button" tabindex="0" data-testid="portfolio-3-portfolio.app-simple-plans.main.tabs.roadmap.timeline.schedule.row.dependency-marker.10139.start" class="_24WJc" aria-label="2 results"><span class="sc-csuQGl REOuT">2</span></div>

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

        1. image-2024-02-07-17-12-37-042.png
          751 kB
          Varsha Bansode
        2. Screenshot 2024-02-07 at 5.11.08 PM.png
          751 kB
          Varsha Bansode

            Assignee:
            Unassigned
            Reporter:
            Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: