Issue Summary

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

      Element name:

      "Clear" button i.e. 'X' icon

      Location of the element: Button, in the "Jira filter" Combobox, in the "Connected tickets" tab section, in the main content.

      Note: The same issue applies to the close button, in the "All actors" Combobox, in the "History" tab section content, in the main content.

      Steps to Reproduce

      1. Click on the "Connected tickets" tab.
      2. Select an option from the "Jira filter" Combobox.
      3. Then the above-mentioned button will display.

      Actual Results

      For the "x" remove the icon for the selected option, for the Indicator selector, aria-hidden="true" is provided. This makes the screen reader user difficult to access the button.
      Additionally, no label is provided for the button.

      Expected Results

      Remove the aria-hidden="true" or provide aria-hidden="false" and ensure the screen reader focus is received on the remove icon.
      Provide an aria-label to the <button> element such as aria-label="Remove " in the order it is announced correctly to the user.

      Screenshot

      Workaround

      No workaround available

      Bug Ref: 746830

      Bulldog Ref:

            [JSDSERVER-11359] Asset View : Aria-hidden="true" is used incorrectly.

              36a811bdd856 Yurii Travenko (Inactive)
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: