Uploaded image for project: 'Bamboo Data Center'
  1. Bamboo Data Center
  2. BAM-21909

Project Wide : Aria-hidden="true" is used incorrectly.

XMLWordPrintable

      Issue Summary

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

      Element name: Task types modal

      Location of the element: In the "Task types" modal.

      Additional details: Due to aria-hidden="true", while navigating with arrow keys, the screen reader is not announcing the content in the modal.

      Note: Same issue applicable for all modals.

      Steps to Reproduce

      1. Click on the "Add task" link, in the "Add task / Script task" page i.e "Configure job" page.
      2. Then the "Task types" modal will display.
      3. Check the content is accessible with arrow keys in the modal.

      Actual Results

      The "aria-hidden" attribute is provided to the Task types modal, which becomes available on activating the Add task button. As a result, screen reader users cannot access the modal effectively.

      Expected Results

      Remove the aria-hidden="true" from the source code for the Task types modal. Ensure the modal is accessible by the screen reader user.

      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. 

      Screenshot

      Workaround

      No workaround is available.

      Bug Ref: 461056

              c3057d0e8d6b Vadym Ohyr
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: