Issue Summary

The element "Close icon(X icon)" is not accessible by keyboard alone and there is no conforming accessible version of the same functionality reachable from the non-conforming page.

Steps to Reproduce

1. Launch the URL
2. Click on the "Filter Search" field
3. Then will display Some checkboxes under the "Search" field and then choose any of them
4. Then will display again some checkboxes and select any of them
5. Then will display the above-mentioned elements

Actual Results

When a user is navigates to the  "Filter",then it will display Some checkboxes under the "Search" field and then choose any field and in each field you can find a close icon present which is not accessible by the keyboard, But it is accessible by using a mouse. For the Close icon element tabindex="-1" has been provided, As a result screen reader and keyboard-only users will miss out on important functionality.

Expected Results.

The interactive element "Close icon"  is  coded as native <a> element, and thus role of the link will be announced for screen reader users, and provide keyboard focus tabindex="0" or remove tabindex for the close icon.

Screenshot

Screen Recording

Screen Recording 2022-06-06 at 7.17.09 PM.mov

Workaround

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

Bug Ref: 748658

Bulldog Ref: JSMDC-12837