Deployment Details: Dynamically updating content not announced for screen reader users

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      On the page, the dynamically updating search results are not programmatically determined.

      Steps to Reproduce

      1. Navigate to the mentioned page.
      2. Navigate to the "Search by environment name" input field and enter a character.
      3. Observe that the results get dynamically updated below.
      4. Observe that this update is not programmatically communicated.

      Screen Recording

      Screen Recording 2023-10-23 at 6.39.31 PM.mov

      Actual Results

      When any character is entered in the "Search by environment name" input field, content gets updated in the table. This update is not programmatically indicated to the users of a screen reader. That the dynamically updating search results are not announced may confuse or mislead them.

      Expected Results

      Status messages 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.

      If this is not possible, you can move focus or prompt a page load. In such cases, you do not need to programmatically determine the status message as the change of context, such as focus moving to the added content or a new page being loaded, provides an acceptable clue to the users of assistive technologies.

      Alternatively,  provide a hidden instruction, notifying the users about the search results in advance. This instruction can then be associated with the <input> element with the "aria-describedby" attribute.

      Workaround

      Not available

      Environment 

      MacBook Pro (16-inch, 2019)
      macOS 113.5.2 (22G91)
      Chrome - Version 118.0.5993.70 (Official Build) (x86_64)
      Firefox- Version 114.0 (64-bit)
      Safari- 16.6 (18615.3.12.11.2)
      JAWS- Version 2023.2306.38
      NVDA- Version 2022.2.2
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rahil Shaikh
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: