Asset View : Aria-hidden="true" is used incorrectly.

XMLWordPrintable

    • Severity 2 - Major

      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:

            Assignee:
            Yurii Travenko (Inactive)
            Reporter:
            Matthew Brennan
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: