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

Create Board Modal : aria-hidden="true" is used incorrectly for the Create board modal

    XMLWordPrintable

Details

    Description

      Issue Summary

      For the Create 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 available main content area, navigate to the Create board button and activate it.
      3. For the available Create board modal, inspect the board and try to interact with it.

      Actual Results

      The "aria-hidden" attribute is provided to the Create board macro, which becomes available on activating the Create board button. 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.

      Screenshot

      Workaround

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

      Bug Ref: 739199

      Attachments

        1. 74003-after-fix.mov
          15.57 MB
        2. QA- JRASERVER-74003.png
          QA- JRASERVER-74003.png
          789 kB
        3. Screenshot 2022-07-12 at 1.40.44 PM.png
          Screenshot 2022-07-12 at 1.40.44 PM.png
          1.38 MB

        Issue Links

          Activity

            People

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

              Dates

                Created:
                Updated:
                Resolved: