Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-79061

Issue Filters: Dynamically updating search results are not announced for screen reader users

XMLWordPrintable

      Issue Summary

      Dynamically updated search results are not announced by screen readers when filters are applied or the Search button is activated.

      Test URL

      https://instenv-570254-umtc.instenv.internal.atlassian.com/issues/?jql=

      Steps to Reproduce

      1. Log in to the Jira Data Center.
      2. Using a screen reader, navigate to the header section and activate "Issues" -> Search for issues.
      3. In the search panel, apply any filter (e.g., Project: All, Type: All, Status: All).
      4. Observe that visually, the results get updated on the screen.
      5. Notice that these dynamically updating results are not announced by the screen reader.
      6. Proceed to the Search button and activate it.
      7. Again, observe that dynamically updating search results are not announced by the screen reader.

      Screenshot

      Screen Recording

      Recording 2025-09-05 115800.mp4

      Actual Results

      When filters are applied or the Search button is activated, the search results, such as "Showing results 1-4 of 4" or "Showing results 1-12 of 12," update dynamically on the screen. While sighted users easily understand this, screen reader users do not receive announcements of these updates.

      As a result, screen reader users remain unaware of the search results displayed on the page.

      Expected Results

      Search results must be programmatically communicated. To achieve this, use a polite live region, such as role="status," and aria-atomic="true" to make sure that the entire text node is always announced.

      For more information, refer to the following resource:

      https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Guides/Live_regions

      Code Snippet

      <div class="aui-item" role="status" aria-atomic="true">
      <span class="results-count-text">Showing results 
      <span class="results-count-start">1</span>-
      <span class="results-count-end">14</span> of 
      <span class="results-count-total results-count-link">14</span>
      (...)
      </div>

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available.

      Environment

      Windows - 11 Pro
      MacBook Pro (16 inch, 2021)
      macOs 15.4.1
      Chrome - Version 139.0.7258.128 (Official Build) (arm64)
      Firefox- Version 136.0.4
      Safari- Version 18.3 (20620.2.4.11.5)
      JAWS- Version 2023
      NVDA- Version 2024.4.2.35031
      Voiceover - Version Latest

              Unassigned Unassigned
              6b1d343b1733 Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: