Issue Summary

The "Clear" or "X" button which becomes available when user enters text in "Search" field is announcing empty i.e the button is missing label.

Steps to Reproduce

1. Turn on screen reader and navigate to "Search" input field and activate it.
2. Type any text for example "A" and Observe that "X" button gets added just beside the "Search" field.
3. Navigate to "X" button and observe screen reader announcement

Actual Behaviour

The "X" button which appears when user inputs text in "Search" field is announcing empty. The button does not have an accessible name. As a result, its purpose/function is not exposed to assistive technology users.

Expected Behaviour

The "X" button should have inner text in <button> or it should have aria-label="Clear" which will make announcement for screen reader users.

Screenshot

Workaround

workaround

Bug Ref: 724504