All Work | List View: Missing row headers for table

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The row headers are missing in the data table.

      Steps to Reproduce

      1. Open the Jira/JSM Cloud homepage.
      2. Navigate to the Sidebar, expand "Spaces", and open any space.
      3. Navigate to the "List" link, activate it, and open any work item from the data table.
      4. Navigate to the "Assignee" section and activate "More information about Chirag Goyal," then activate the "Assigned work items Chirag Goyal" link.
      5. Navigate to the data table and inspect the code in the second column of the second row (or any row).
      6. Observe that the <th scope="row"> element is missing.

      Screenshot

      Actual Results

      When screen reader users navigate to the "All Work" table and move down through the "Assignee" or other columns using table navigation keys (such as "Ctrl + Alt + Down Arrow" in JAWS/NVDA on Windows or "Control + Option + Arrow" in VoiceOver on macOS), the "Work" information in the "Work" column is not announced by the screen reader.

      This issue occurs because the row headers for the "Work" information are not programmatically defined using the <th scope="row"> element.

      As a result, when users navigate across other columns in the table, they cannot determine which row or work item the data corresponds to.

      Expected Results

      Ensure that the row headers are defined programmatically.

      In this scenario, specify the <th scope="row"> element for the mentioned instances.

      For guidance on how to create row headers for a data table, refer to the following link:

      W3C Tutorial on Tables with Two Headers

      Code Snippet:

      This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.

      <table>
        <thead>
          <tr>
            <th scope="col">Select all checkbox</th>
            <th scope="col">Work</th>
            <!-- Other column headers -->
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>First Data Cell</td>
            <th scope="row">
              <img src="..." alt="Task" width="16" height="16">
              <a href="/browse/TP-3">TP-3</a> — TS2 | Hello
            </th>
            <!-- Other cells -->
          </tr>
        </tbody>
      </table>

      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 Tahoe 26.3
      Operations - Windows11
      Chrome - Version 146.0.7680.154 (Official Build) (64-bit)
      Safari- Version 26.3
      JAWS- Version 2023
      NVDA- Version 2025.3.2
      VoiceOver - Version Latest

        1. image-2026-03-30-12-07-42-006.png
          693 kB
          Cristian Casais
        2. Screenshot 2026-03-27 at 1.31.11 PM.png
          520 kB
          Anusooya .

              Assignee:
              Unassigned
              Reporter:
              Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated: