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

Managing Releases: Dynamically updating content not announced for screen reader users

    XMLWordPrintable

Details

    Description

      Issue Summary

      The table content is changing after user interaction which is not announced for screen reader users.

      Note: Similar issue has been observed on "View all Project" page.

      Steps to Reproduce

      1. Navigate to Projects dropdown present in the header section.
      2. Navigate to any project for example, "Scrum".
      3. Navigate to side navigation and select "Release" option.
      4. Observe that "Managing Releases" page has been appeared on the screen.
      5. Navigate to the "search" field present just above the table.
      6. Using a screen reader, type any invalid data in the input field.
      7. Observe that the search results is not announced.

      Screen Recording 1

      Screen Recording 2023-04-19 at 3.01.27 PM.mov

      Screen Recording 2

      Screen Recording 2023-04-26 at 10.01.00 AM.mov

      Actual Results

      When user enter any invalid the an update gets added dynamically on the page such as "No versions were found that match your search Try modifying your filter criteria." which is not being announced at the same time. Although, this information is easily conveyed to sighted users, it is not announced for screen reader users.

      Similarly when user enter valid details the table content gets updated which is not being announced for screen reader users

      Expected Results

      Make sure that search results are programmatically determined. To achieve this, use a polite live region, such as role=“status”, and aria-atomic to make sure that the entire text node is always announced.

      If this is not possible due to any constrains, then use hidden instructions, notifying users about the dynamic update in advance. Make sure that this instruction is programmatically associated with the input field with aria-describedby. Make sure that the id values match appropriately.

      Code Snippet

      <div class="no-results no-table-common" aria-atomic="true" role="status"><img class="releases-logo" alt="" src="/download/resources/com.atlassian.jira.jira-projects-plugin:release-page-assets/page/project/release/image/versions-search-empty-state.svg"><h4>No versions were found that match your search</h4><p class="description">Try modifying your filter criteria.</p></div>

      Workaround

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

      Environment 

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        1. Screen Recording 2023-04-19 at 3.01.27 PM.mov
          24.12 MB
          Varsha Bansode
        2. Screen Recording 2023-04-26 at 10.01.00 AM.mov
          21.37 MB
          Varsha Bansode

        Activity

          People

            67dd240e0477 Andrii Lymych (Inactive)
            c3f9a46dc7c4 Varsha Bansode
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: