Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-73980

Create an Agile Board Modal : aria-hidden="true" is used incorrectly.

    XMLWordPrintable

Details

    Description

      Issue Summary

      For the Create an Agile board modal, aria-hidden="true" is used on informative content making it inaccessible to assistive technology.

      Steps to Reproduce

      1. In the Jira header, navigate to the Boards link and activate View all boards.
      2. In the View all board main content area, navigate to the Create board button and activate it.
      3. A modal for Create agile board will appear, in the modal, select either scrum board or Kanban board option.

      Screenshot

      Actual Results

      The "aria-hidden" attribute is provided to the Create an Agile board modal, which becomes available on selecting the Scrum board or Kanban board option from the Create board modal. As a result, screen reader users cannot access the modal effectively.

      Expected Results

      Remove aria-hidden=”true” from the <div> element in the page source for the modal.

      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. 
      Additionally, ensure the focus does not move out of the modal in the background content unless the modal is closed.

      Workaround

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

      Bug Ref: 739204

      Attachments

        1. Agile board.png
          516 kB
          Akhilesh Paradhi

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated:
                Resolved: