Header: Incomplete textual description for interactive image

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      An incomplete textual description, "Go to home page" is provided for the logo image link.

      Test URL

      https://instenv-607108-bh5m.instenv.internal.atlassian.com/#all-updates

      Steps to Reproduce

      1. Open the Confluence DC instance.
      2. Using a screen reader, navigate to the "Confluence" logo image link located in the header section.
      3. Observe that the textual description announced by the screen reader does not fully describe the functionality of the image link.

      Screenshot

      Actual Results

      An incomplete textual description, "Go to home page" is provided for the "Confluence" logo image link. This occurs because the aria-label attribute within the <a> element contains incomplete information. As a result, the textual description announced by screen readers does not fully convey the functionality or purpose of the image link.

      Expected Results

      The logo image link should provide a complete and meaningful textual description that accurately conveys its purpose, ensuring that screen reader users can understand that it navigates to the Confluence home page.

      Apply the following changes:

      • Update the aria-label attribute of the <a> element that wraps the logo image to include the complete and descriptive text "Confluence home page".
      • Ensure that the alt attribute of the nested <img> element is left empty (alt="") to prevent duplicate announcements by screen readers.

      If the above approach is not feasible, remove the aria-label attribute from the <a> element and ensure the alt attribute of the <img> element contains the descriptive text "Confluence home page" so that the logo image link is announced correctly by screen readers.

      Code Snippet 1:

      <a href="..." aria-label="Confluence home page">
        <img src="..." alt="">
      </a>
      

      Code Snippet 2:

      <a href="...">
        <img src="..." alt="Confluence home page">
      </a>
       

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Sequoia 15.7.1
      Operations - Windows11
      Chrome - Version 142.0.7444.135 (Official Build) (64-bit)
      Safari- Version 26.0.1
      JAWS- Version 2023
      NVDA- Version 2025.3
      VoiceOver - Version Latest

            Assignee:
            Maxim Leizerovich
            Reporter:
            Chirag Goyal
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: