Releases: Progress bar value is not announced correctly by screen readers

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The screen reader announces an incorrect value for the progress bar.

      Steps to Reproduce

      1. Open the Jira Cloud homepage.
      2. Navigate to the Sidebar, expand "Spaces", and open any space.
      3. Navigate to the "Releases" link and activate it.
      4. Using a screen reader, navigate to the "Releases" data table.
      5. Navigate to the progress bar in the "Progress" column.
      6. Observe that the screen reader announces an incorrect value for the progress bar.

      Screenshot

      Screen Recording

      Progress Bar Announcement Issue

      Actual Results

      When screen reader users navigate to the progress bar in the "Progress" column, the screen reader announces incorrect values (e.g., "2" and "1") instead of the actual progress values displayed by the progress bar (e.g., "50" and "100"). This issue occurs because the values specified in the aria-valuenow and aria-valuemax attributes of the <div> element representing the progress bar do not accurately reflect the visual progress state.

      As a result, screen reader users receive inaccurate progress information and may be unable to determine the actual completion status of an item. This can lead to confusion and prevent users from understanding the progress details conveyed visually.

      Expected Results

      The progress bar should accurately convey its current value and status to screen reader users.

      Apply the following changes:

      • Ensure the progress bar is exposed with the appropriate role="progressbar".
      • Update the aria-valuenow attribute to accurately reflect the current progress value (e.g., "50", "100").
      • Ensure the aria-valuemax attribute is set to the correct maximum value.
      • Verify that the values provided through aria-valuenow, aria-valuemin, and aria-valuemax are consistent with the visual representation of the progress bar.

      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.

      Code Snippet:

      <div role="progressbar"
      aria-valuemin="0"
      aria-valuemax="100"
      aria-valuenow="50"
      aria-label="Progress Bar">
      </div> 

      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.4
      Operations - Windows11
      Chrome - 148.0.7778.179 (Official Build) (64-bit)
      Safari- Version 26.4
      JAWS- Version 2026
      NVDA- Version 2025.3.3
      VoiceOver - Version Latest

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

                Created:
                Updated: