Scrum Board | Summary: Chart center texts are not grouped as a single element

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The chart center texts "30" and "Total work item" are not grouped together.

      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. Navigate to the texts "30" and "Total work item" located at the center of the chart.
      5. Notice that these texts are conveyed as distinct, separate items by the screen reader.

      Screenshot

      Actual Results

      When screen reader users navigate through the "Status Overview graph," the texts "30" and "Total work item" located at the center of the chart are announced as two separate items. This behavior occurs because these two texts are implemented as distinct text elements within separate <text> elements, each enclosed within their own <g> tag inside a single SVG.

      As a result, the screen reader interprets and announces them as two independent selectable text elements rather than a unified label.

      Expected Results

      Ensure that the texts located at the center of the chart are conveyed as a single, grouped element by the screen reader.

      In this scenario, enclose both <g> elements within a single parent <g> element that includes the attributes role="img" and aria-label".

      Code Snippet:

      <svg>
        <g role="img" aria-label="30 Total work items">
          <g>
            <text aria-hidden="true">30</text>
          </g>
          <g>
            <text aria-hidden="true">Total work items</text>
          </g>
        </g>
      </svg> 

      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: