Header: Missing textual description for informative image link

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      The informative logo image “Crowd” is available in the header of the page.

      Steps to Reproduce

      1. Open the homepage.
      2. Navigate to the mentioned image link.
      3. Verify the code and observe that the "alt" attribute is missing.

      Screenshot

      Actual Results

      On the pages, the textual description was not provided for the informative image "Crowd" available in the header section. As a result, screen reader users will not understand the purpose of the interactive image.

      Expected Results

      Provide alternate text for the informative image using the "alt" attribute in its source code as textual description such as "Crowd logo" that conveys the information when table cells are navigated by screen reader users. Ensure that the alternate text is descriptive of the image's purpose. Refer to the below code.

      Code Snippet:

      <a href="/">

      <img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZ(...) style="max-width: 100px" data-aui-responsive-header-index="0" alt="Crowd logo">
</a>

      Workaround

      Not Available

      Bug Ref: 359592

        1. Screenshot 2022-10-20 at 2.33.34 PM.png
          Screenshot 2022-10-20 at 2.33.34 PM.png
          472 kB

            Assignee:
            Oleksandr Stoliar
            Reporter:
            Matthew Brennan
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: