Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-12287

Help center: No status message provided for dynamically updating search results.

      Issue Summary

      The number of search results available when user search is not communicated to screen reader users. 

      Steps to Reproduce

      1. With screen reader turned on, navigate to the help portal.
      2. Navigate to he "Search" Input field, try to search for some content eg. Requests.
      3. Observe the number of results available not announced to the users.

      Actual Results

      While navigating with screen reader, when user input something into "search" field, the results in main content area are updated dynamically. Although for sighted users it is easy to perceive this update, for screen reader users it is difficult to perceive since no such message is conveyed. So it would confuse them if the results are actually displayed or not resulting into bad user experience.

      Expected Results

      Dynamic changes happening on the page must be conveyed to all the users, including screen reader users. 

      The number of results available when user input something into "Search" fields must be announced by screen reader using status message.

      Status messages must be programmatically determined. To achieve this, use a ARIA live region role, such as role=”status” ensure that the entire text node containing the number of results is always announced. The instruction could be visible on the page or off-screen.

      Code Snippet

      <span role="status">10 results found.</span>

      Refer to Atlassian Accessibility standards of Status messages: https://hello.atlassian.net/wiki/spaces/A11Y/pages/1495220670/Status+Messages 

      Also as a best practice provide additional instruction to help screen reader users understand the behaviour ahead of time.

      For example: "When you type the results will be displayed in main content"

      This instruction can be off-screen & should be associated with the search input field via aria-describedby attribute.

      Screen recording

      Screen Recording 2023-01-04 at 5.27.29 PM.mov

      Workaround

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

          Form Name

            [JSDSERVER-12287] Help center: No status message provided for dynamically updating search results.

            Bartosz Ornatowski made changes -
            Priority Original: High [ 2 ] New: Highest [ 1 ]
            Divyanshi made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 912096 ]
            Satej Mirpagar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Jim Alexander made changes -
            Fix Version/s New: 5.10.1 [ 105791 ]
            Jim Alexander made changes -
            Status Original: In Progress [ 3 ] New: Waiting for Release [ 12075 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Service Desk Master › Service Desk Visual Regression - Master › JSDSERVER-12287-help-center-no-status-message-provided-for-dynamically-updating-search-results-1 (server-syd-bamboo)" [ 782142 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Service Desk Master › Service Desk Ratchet - MASTER › JSDSERVER-12287-help-center-no-status-message-provided-for-dynamically-updating-search-results-1 (server-syd-bamboo)" [ 782141 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Service Desk Master › Service Desk - MASTER › JSDSERVER-12287-help-center-no-status-message-provided-for-dynamically-updating-search-results-1 (server-syd-bamboo)" [ 782140 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Service Desk Master › Service Desk - Master - Frontend Build Reporter › JSDSERVER-12287-help-center-no-status-message-provided-for-dynamically-updating-search-results-1 (server-syd-bamboo)" [ 782039 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Service Desk Master › Service Desk - MASTER - TPM - Server Environment › JSDSERVER-12287-help-center-no-status-message-provided-for-dynamically-updating-search-results-1 (server-syd-bamboo)" [ 782038 ]

              fb78834a366d Jim Alexander
              2b3f463b7e2d Akhilesh Paradhi (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: