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

Asset Search: Missing list mark-up

    XMLWordPrintable

Details

    Description

      Issue Summary

      The list mark-up is not used for "Columns", "Bulk", "Share" and "Export" buttons.

      Steps to Reproduce

      1. Open the "Asset Search" page.
      2. Navigate to the main content.
      3. Using screen reader, navigate to the mentioned elements.
      4. Listen that the list structure is not announced for the text that represent related information.

      Screenshot

      Actual Results

      List mark-up is not used to present related information programmatically. For example, buttons such as "Columns", "Bulk", "Share" and "Export" are not marked as 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

      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 Snippet
      <ul>
      <li><button class="ruiButton qa-tg e2e-bulk-ops">Bulk</button></li>
      <li><button class="ruiButton qa-attr e2e-attr">Columns</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 Monterey Version 12.3.1
      Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        1. list.png
          801 kB
          Pravalika Suragani

        Activity

          People

            Unassigned Unassigned
            4cbd728b4726 Rinku Kumar
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:

              Backbone Issue Sync