Statistics View: Incorrect table structure

XMLWordPrintable

    • 10.03
    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The data tables include nested tables.

      Steps to Reproduce

      1. Open the Jira DC instance.
      2. In the header section, navigate to the "Projects" button, expand it, and open any project.
      3. In the main content area, navigate to "Switch view" button, expand it, and activate the "Statistics" radio button.
      4. Navigate to the "Unresolved: By Priority", "Unresolved: By Assignee", and other data tables, and inspect the code.
      5. Observe that nested tables are provided within the data tables.

      Screen Recording

      Nested table issue.mp4

      Actual Results

      When screen reader users navigate through the "Unresolved: By Priority", "Unresolved: By Assignee", and other data tables using table navigation commands—such as CTRL+Alt+Up/Down/Left/Right Arrow keys with JAWS or NVDA on Windows, or CTRL+Option+Up/Down/Left/Right Arrow keys with VoiceOver on Mac—the data is not conveyed properly.

      This issue is particularly noticeable with JAWS on Windows.

      The problem occurs because the data tables include nested tables incorrectly, which disrupts the table structure. Specifically, a separate <table> element, along with its <tr> and related elements, is placed inside the <td> element of the "Percentage" column.

      As a result, screen reader users have difficulty interpreting the table information effectively.

      Expected Results

      Screen reader users should be able to navigate and interpret all data tables accurately.

      To improve accessibility and ensure proper screen reader interpretation, remove the nested <table> element, along with its <tr> and related elements, from within the <td> of the data table. Instead, structure the data directly within the parent table’s rows and cells.

      Code Snippet:

      <table>
      .......
      <tr>
      <th>Priority</th> <th>Issues</th> <th>Percentage</th>
      </tr>
      <tr>
       <td>Medium</td> <td>14</td> <td>100%</td>
      </tr>
      .......
      </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 Sequoia 15.6
      Operations - Windows11
      Chrome - Version 140.0.7339.128 (Official Build) (64-bit)
      Safari- Version 18.6
      JAWS- Version 2023
      NVDA- Version 2025.3
      VoiceOver - Version Latest

        1. Nested table issue.mp4
          10.39 MB
        2. Table issue fixed.mp4
          8.76 MB

            Assignee:
            Maciej Mazur
            Reporter:
            Chirag Goyal
            Votes:
            0 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved: