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

XMLWordPrintable

    • Severity 3 - Minor

      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

        1. Screen Recording 2023-06-02 at 12.11.33 PM.mov
          31.70 MB
          Rahil Shaikh
        2. Screenshot 2022-12-05 at 10.05.38 AM.png
          605 kB
          Akhilesh Paradhi
        3. Screenshot 2023-06-02 at 12.14.03 PM.png
          925 kB
          Rahil Shaikh

            Assignee:
            Vadym Ohyr
            Reporter:
            Matthew Brennan
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: