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

New project with Board Modal : aria-hidden="true" is used incorrectly.

    XMLWordPrintable

Details

    Description

      Issue Summary

      For the New project with board modal, aria-hidden="true" is provided to the modal making it inaccessible to assistive technology.

      Steps to Reproduce

      1. In the Jira header section, navigate to the Board link and select the "View all boards" option.
      2. In the Boards main content area, select Create board.
      3. A modal will appear for "Create an Agile board", select the "Create a Scrum board with sample data" button and activate it.
      4. The modal for "New project with board modal" will appear, try interacting with the modal and inspect the modal.

      Screenshot

      Actual Results

      The "aria-hidden" attribute is provided to the "New project with board modal", which becomes available on selecting the Create board. 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 behaviour. A workaround will be added here when available

      Bug Ref: 726064

      Attachments

        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: