#Steps to reproduce (assumes ChromeVox or similar)

[Tab] or [Shift+Tab] to the search box
- Listen to the screen reader (it sounds fine)
- Type in an entry
- Hit
[Enter]
Actual Result
Nothing happens, leaving a non-sighted user confused.
Expected Result
The screen reader would read something like:
There are 4 UI categories in your search. Please press tab to continue to the filtered results.
To indicate the number of results, along with the next action they should take.
Suggested Fixes
One solution that might work here is an "intent" pattern on the onchange event on search... something like the following borderline-pseudocode:
var notificationInterval;
document.querySelector('#search").onchange = function() {
clearInterval(notificationInterval)
notificationInterval = setInterval(function() {
// code that would trigger the screen reader to read a certain aria-hidden element
}, 500);
};
Category: #615: Elastic UI Chrome Accessibility
Relevant WCAG Criteria: 3.2.2 On Input
#Steps to reproduce (assumes ChromeVox or similar)
[Tab]or[Shift+Tab]to the search box[Enter]Actual Result
Nothing happens, leaving a non-sighted user confused.
Expected Result
The screen reader would read something like:
To indicate the number of results, along with the next action they should take.
Suggested Fixes
One solution that might work here is an "intent" pattern on the onchange event on search... something like the following borderline-pseudocode:
Category: #615: Elastic UI Chrome Accessibility
Relevant WCAG Criteria: 3.2.2 On Input