Bug Report

• Browser and OS versions: Edge + Narrator

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? (No)

Requested priority: (High)

Products/sites affected: (Web part)

Describe the issue:

https://developer.microsoft.com/en-us/fabric#/components/searchbox
Type something in the searchbox, then press tab to focus on the clear button.
The clear button is focusable but not reading anything meaningful.
We can only set the aria-label for the input but we don't have a way to set either aria-label or aria-description to the clear button. For screen reader users, the button will be completely unusable since only word "button" is read.

Actual behavior:

Narrator reads "button" when focus is on the clear button, and we don't have a way to set aria-label for it.

Expected behavior:

We can set aria-label to the clear button so it can read meaningful information to screen reader users.

If applicable, please provide a codepen repro:

https://developer.microsoft.com/en-us/fabric#/components/searchbox