Scrum Board | Summary: Incomplete link text

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The legend links announce only the status name and individual count, without providing the total issue count for context.

      Note: This issue has been raised as a "Low" priority issue as it does not significantly impact screen reader users.

      Steps to Reproduce

      1. Open the Jira Cloud homepage.
      2. Select any Scrum board and activate the "Summary" tab within the Space navigation.
      3. Using a screen reader, navigate to the "Status Overview" graph.
      4. Proceed to the Legend links text, such as "To Do", "In Progress", and "Done".
      5. Notice that the screen reader announces the links as "To Do: 13",  "In Progress: 16", and "Done: 1", without indicating the total count.

      Screenshot

      Screen Recording

      https://www.loom.com/share/d91d7a5e5cca40918908e5bb86f4e1a1

      Actual Results

      When screen reader users navigate through the legend links for the "Status Overview" graph, the links announce only the status name and individual count (e.g., "To Do 13", "In Progress 16", "Done 1") without providing the total issue count for contextual understanding.

      As a result, screen reader users are unable to determine the overall distribution of issues across each status category (e.g., "To Do, 13 of 30 issues").

      Expected Results

      Link text must be meaningful and provide full context. The legend links should convey both the individual status count and the total issue count, so screen reader users can understand the proportion of issues in each status.

      Apply the following changes ->

      • Assign a unique "id" attribute to the total work items text ("30 Total work items").
      • Assign a unique "id" attribute to the text of each legend link:
      • Include the "aria-labelledby" attribute on each <a> element, referencing both its own "id" and the total count "id"

      Code Snippet:

      <svg>
        <g role="img" aria-label="30 Total work items">
          <g>
            <text id="total-count">30</text>
          </g>
          <g>
            <text id="total-label">Total work items</text>
          </g>
        </g>
      </svg> 
      ...
      <ul>
      <li><a id="link-todo" href="..." aria-labelledby="link-todo total-count total-label">
        To Do 13
      </a>
      </li>
      ...
      </ul>

      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

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

                Created:
                Updated: