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

Side navigation : Non-modal dialog has inappropriate reading order

    XMLWordPrintable

Details

    Description

      Issue Summary

      The "Add link" non-modal dialog (that appears on activating the "Add link" link) does not have an appropriate reading order.

      Steps to Reproduce

      1. Navigate onto the above mentioned page.
      2. Navigate onto the mentioned link with a screen reader and activate it.
      3. Use virtual Arrow keys to navigate within the non-modal.
      4. Note that the non- modal is available at the end of the page.

      Actual Result

      When the "Add link" link is activated, a non-modal dialog gets opened. The focus however is appropriately set on the first interactive element of this non-modal, the reading order is incorrect. When screen reader users use virtual Arrow keys to navigate within the non-modal and reach the beginning of the dialog, the focus goes to the end of the page.  This is because this non-modal dialog is not coded directly after the triggering link in the DOM. It is instead coded at the end of the page. This inappropriate reading order might disorient the users of screen readers. That the content is available at the end might confuse or mislead them.

      Expected Result

      Content must have an appropriate reading order. Assistive technologies navigate content using the order in which elements appear in the DOM. Hence, make sure that the content is programmatically ordered in such a way that it provides an appropriate reading order to the users of assistive technologies. Make sure that the non-modal dialog that gets opened on activating the link is coded directly after the expandable button in the DOM. This will create an appropriate reading order for the users of assistive technologies. For instance, this will enable them to arrow up onto the triggering element from the dialog.

      Screenshot

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Monterey Version 12.4
      Chrome - Version 103.0.5060.134 (Official Build) (arm64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.5 (17613.2.7.1.8)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        Activity

          People

            Unassigned Unassigned
            773dd3a38dd5 Cynthia Singh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated: