An ADA issue: the typeahead suggestions in the top search bar are read in one go

[dmitrii-fediuk]

Screen reader reads all the typeahead suggestions in one go.
This leads to confusion for the screen reader user.

Code snippet:

<div id="searchsuite-autocomplete" class="searchsuite-autocomplete" data-bind="visible: showPopup()" style="">….</div>

Rationale

Screen reader must read the content accurately.
Users using screen reader AT might interpret the content present on web page solely based on narration. It is potentially confusing for the screen reader user if any element is read incorrectly or incompletely.

Recommendations

Remove aria-live attribute from

having data-bind="scope: 'searchsuiteautocomplete_form'" and provide aria-live=”polite” tabindex=”-1” to the

having class="title" also move focus to the same

and provide some extra visually hidden information to the

.