Backlog: Inaccurate reading order

XMLWordPrintable

    • 10.03
    • Severity 2 - Major

      Issue Summary

      The expanded content of "Context menu" buttons of issues is coded at the end of the DOM.

      Steps to Reproduce

      1. Open DC project.
      2. Activate the "Backlog" link from side navigation. 
      3. Activate "Context menu of issues" button. 
      4. Observe that options will appear.
      5. Navigate through the modal using the down arrow (JAWS/NVDA) and Control+Option+left/right arrow (VoiceOver).
      6. Note that the content associated with it is available at the end of the DOM.

      Screenshot

      Actual Results

      When the “Context menu” buttons of issues interactive elements are expanded, the expanded content is available at the end of the page for screen reader users. This is because this content is not coded directly after the mentioned interactive element in the DOM.

      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 to provide an appropriate reading order to assistive technology users.

      Make sure that the content that gets available on expanding the mentioned interactive elements 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 down onto the expanded content when the button is expanded.

      <button aria-haspopup="menu" aria-label="Issue SSP-10 context menu">...</button> 
      <ul tole="menu">
      ...
      </ul>

      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 Sonoma Version 14.1

      Chrome - Version 131.0.6778.265 (Official Build) (arm64)

      Firefox- 134.0.1 (64-bit)

      Safari- Version 18.2 (19620.1.16.111.6, 19620)

      JAWS- Version 2023

      NVDA- Version 2023.2

      Voiceover - Version Latest

        1. image-2025-01-21-12-58-18-841.png
          936 kB
          Shruti Chabukswar

            Assignee:
            Unassigned
            Reporter:
            Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated: