Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-13458

Header : Aria-hidden="true" is used incorrectly to the search input field results

    XMLWordPrintable

Details

    Description

      Issue Summary

      Aria-hidden="true" is used on informative content making it inaccessible to assistive technology.

      Element name: heading text

      • Repositories.
      • Search results.

      Additional details:

      • when the user types admin in the search edit field, then the search results will appear.
      • Then navigate with arrow keys the text "Repositories" is not read by the screen reader.

      Steps to Reproduce

      1. Navigate to the Search input field in the header section.
      2. Keeping the screen reader on, try searching for users or the repository and try to interact with the available results.

      Actual Results

      In the header section for the search results, the element has aria-hidden="true" attribute. The aria-hidden="true" attribute is used to hide the content from assistive technology users. Although it is a best practice to use the aria-hidden="true" attribute to hide irrelevant content for screen reader users, it can pose issues for screen reader users if it is not used correctly.

      Expected Results

      Remove the aria-hidden="true" attribute or change it to aria-hidden="false". Ensure the element is accessible to the screen reader user effectively.

      Screenshot

      Workaround

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

      Bug Ref: 734653

      Attachments

        Issue Links

          Activity

            People

              d6590bcebf54 Denys Savin (Inactive)
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: