Issue Summary

On the “Filters boards” page, the search results are not programmatically communicated to the users of a screen reader.

Similar issues found for the "Project", "Saved filter" and so on fields present inside the "create board" modal

Steps to Reproduce

1. Navigate to “Boards” menu pop-up link and activate it.
2. Navigate to “View all Boards” link and activate it.
3. Navigate to “Find a board” search field and perfrom search operation.
4. Observe that this dynamic update is not communicated to the users of screen readers.

Actual Result

When a user performs valid Search operation into “Find a board” field, search results are getting updated  below the table and for invalid search operation the message such as “No boards match the filter”. displayed on page which are not announced by screen reader software.

The programmatic means of identifying the presence of search result message and suggestions are not used, so the assistive technologies such as screen reader softwares are not able to alert users to the presence of the status message/search results. Although this interaction is easier to understand for sighted users, it is not intuitive for the visually impaired.

Expected Result

Ensure that the search results/status messages that becomes available when the user search for inputted data in “Find a board” field should get announce by the screen reader software.

1. Provide the aria-live region for the search result message such as “No boards match the filter” which becomes available when the user performs an invalid search operation.
2. Screen reader users should be notified when the suggestions get updated on page along with the count of suggestions. For eg: “ 3 suggestions available for typed text.” Live regions can be used to achieve this behaviour.
3. If this is not feasible, a hidden instruction should be announced (when the search input receives focus), notifying the users of the dynamic change. For eg: Typing letters in the search input updates the search results, press up/ down arrow keys to view the list of suggestions.”

For more information on implementation, refer the following link : ARIA live regions implementation

Screen Recording

Screen Recording 2023-04-13 at 12.49.27 PM.mov

Workaround

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

Environment

MacBook Pro (13-inch, 2020)
macOs Ventura  13.3.1
Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.2 (18614.3.7.1.5)
JAWS- Version 2021
NVDA- Version 2021.2
Voiceover - Version Latest