Scrum Software Development Wizard Modal 1 : aria-hidden="true" is used incorrectly.

XMLWordPrintable

    • 8.2
    • Severity 2 - Major

      Issue Summary

      For the Project management modal, aria-hidden="true" is used on informative content making it inaccessible to assistive technology.

      Location: model triggered by the "Project management" button in "create project model".

      Steps to Reproduce

      1.  Select "Create project" from the projects menu
      2.  A list of options will be displayed, there select the "Project Management" option from the "Business" section
      3. Then modal will be displayed, assess this modal as part of this page assessment.`

      Screenshot

      Actual Results

      The "aria-hidden" attribute is provided to the Project management modal, which becomes available on selecting the Project management option from the Create project 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: 731794

        1. Project management.png
          613 kB
          Akhilesh Paradhi

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

              Created:
              Updated:
              Resolved: