Scrum board | Active sprints: Screen reader does not announce the total issue count within each swimlane

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The screen reader does not announce the total number of issues in each column: "To Do," "In Progress," and "Done."

      Steps to Reproduce

      1. Open the Jira Cloud homepage.
      2. Select any Scrum board and activate the "Active sprints" tab within the Space navigation.
      3. Ensure the board is grouped by Assignee (Group by → Assignee) to display swimlanes.
      4. Column headers show total issue counts (e.g., "To Do 3", "In Progress 4", "Done 2").
      5. Using a screen reader, navigate to these column headers.
      6. Notice that the total issue count for each column (e.g., the number of issues In "To Do", "In Progress" or "Done") is not announced by screen readers.

      Screenshot

      Screen Recording

      https://www.loom.com/share/4507efaddd6e497eb240ac201454262f

      Actual Results

      When screen reader users navigate through swimlanes grouped by Assignee, only the number of cards associated with a specific individual in that row is announced. The swimlane column headers display the status name (e.g., "To Do", "In Progress", "Done") along with the total issue count in each column. However, the total issue count is not announced by screen readers. This occurs because the <h2> element has an aria-label attribute that overrides all child content, including the visually displayed count.

      As a result, screen reader users are not aware of the total number of issues in each column.

      Expected Results

      The screen reader should announce the total number of issues in each column to the users. When the column header receives focus, the issue count in that column should be conveyed (e.g., "To Do, 3 issues").

      Use "aria-labelledby" referencing both the column name and count elements by ID, so that the accessible name dynamically includes the current issue count when the column header receives focus.

      Code Snippet:

      <h2 aria-labelledby="col-name-todo col-count-todo" ...>
        <div>
          <div id="col-name-todo" title="To Do">To Do</div>
          <div>
            <span id="col-count-todo" aria-label="3 issues">
              <span style="visibility: hidden;">3</span>
              <span style="...opacity: 1;">3</span>
            </span>
          </div>
        </div>
      </h2> 

      Note: 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.

      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 26.5.1
      Windows - 11 pro
      Chrome - Version 148.0.7778.97 (Official Build) (arm64)
      Safari - Version 26.5 (21624.2.5.11.4)
      JAWS - Version 2026
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

        1. Screen Recording 2026-06-17 at 10.23.31 AM.mov
          9.81 MB
          Anusooya .
        2. Screen Recording 2026-06-17 at 12.57.27 PM.mov
          11.03 MB
          Anusooya .
        3. Screenshot 2026-06-11 at 3.17.52 PM.png
          576 kB
          Anusooya .
        4. Screenshot 2026-06-17 at 10.17.17 AM.png
          541 kB
          Anusooya .

              Assignee:
              Unassigned
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: