Issue description

When user navigates to "Search" input field (which is available in header region) it triggers a drop-down. The screen reader does not render when the drop-down items receives keyboard focus. This issue takes place in Firefox/NVDA and Voiceover/Safari

STR

1. Turn on screen reader and navigate to "Search" input field present in header region.

Actual Behaviour

When user try to navigate in options of "Search" field with up/down or Tab keys, it is receiving keyboard focus but screen reader does not make announcement for that. As a result screen reader users will not be able to interact with drop-down items effectively.

Expected Behaviour

When user navigates in drop-down items of "Search" input field with up/down or Tab keys, it should receive keyboard focus and screen reader should make announcement for that.

For more details on editable combo-box please refer this link : https://www.w3.org/TR/wai-aria-practices-1.2/examples/combobox/combobox-autocomplete-list.html

Screenshot

Screen Recording

Screen Recording 2022-02-16 at 4.18.51 PM.mov

AXQA Ref:AXQA-185