Issue Summary

    The Combo box options present in the "Operation" modal dialog does not have an appropriate reading order.

    Steps to Reproduce

    1. Open the "Backlog" page.
    2. Navigate to any "issue" present in the backlog and select it.
    3. Navigate to the "More actions" button and press the "." key.
    4. Observe that the "Operation" modal dialog will appear.
    5. Navigate to the mentioned combo box with a screen reader and activate it.
    6. Arrow down to the options from the combo box.
    7. Note that the content associated with it is available at the end of page.

    Screenshot

    Actual Results

    The list-box options such as "In progress“, "To do", and so on, are present in the "Operations" modal dialog, available at the end of the page for screen reader users. This is because this content is not coded directly after the interactive element 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 Results

    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 content is announced when the "List-box" of the combo box receives keyboard focus and is coded directly after it in the DOM. This will create an appropriate reading order for the users of assistive technologies.

    Workaround

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

    Environment

    MacBook Pro (16-inch, 2021)
    macOs Sonoma 14.3
    Chrome - Version 120.0.6099.109 (Official Build) (arm64)
    Firefox- Version 92.0 (64-bit) 
    Safari- Version 17.3 (19617.2.4.11.8)
    JAWS- Version 2023
    NVDA- Version 2021.2 
    Voiceover - Version Latest

        Form Name

          [JSWSERVER-26182] Backlog: Inaccurate reading order

          No work has yet been logged on this issue.

            Unassigned Unassigned
            1833d2e1842a Rahul Patil
            Affected customers:
            0 This affects my team
            Watchers:
            2 Start watching this issue

              Created:
              Updated: