Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-15916

Project | Waiting for server: Missing unordered list mark-up

XMLWordPrintable

      Issue Summary

      List mark-up is not used to present mentioned related buttons such as "Link to major incident", "Link", "Comment" and so on.

      Steps to Reproduce

      1. Open "JSM System Dashboard" page.
      2. Navigate to the "Projects" in the header section and choose any ITSM project from the options.
      3. Select the "Waiting for support" queue from the queues list.
      4. Navigate to the "Select All Issues" checkbox and activate it.
      5. Using a screen reader 'Tab' key, navigate to the mentioned buttons.
      6. Listen that the list structure is not announced for the mentioned buttons that represents related information.

      Screenshot

      Actual Results

      List mark-up is not used to present related information programmatically. The buttons such as "Link to major incident", "Link", "Comment" and so on that becomes available after activating "Select All Issues" checkbox in the main content area is not marked as an unordered list which visually looks like a list of related items.

      As a result, screen reader users will find it difficult to navigate to the list and different list items quickly.

      Expected Results

      Related group of items should be identified as a list by screen readers. This will help users to understand how many items are present and quickly navigate to different items of the list.

      Use appropriate list mark-up, such as <ul> and <li> to identify related information. In addition, consider applying styles to maintain the visual presentation of a web page.

      Code Example:

      <ul>
       <li>
        <button aria-label="Link to major incident" class="qjxsB5PhrS css-1l34k60" data-testid="bulk-action-toolbar--action-button" tabindex="0" type="button">
         (...)
        </button>
       </li>
       <li>
        <button aria-label="Link" class="qjxsB5PhrS css-1l34k60" data-testid="bulk-action-toolbar--action-button" tabindex="0" type="button">
         (...)
        </button>
       </li>
       (...)
      </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 14.7
      Chrome - Version 131.0.6778.86 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.0 (19616.1.27.211.1)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

              Unassigned Unassigned
              88a173d72595 Sojal Shende
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: