TYPO3 Core

Currently the clear input button which is triggered by the t3js-clearable css-class is read out as a button by screenreaders, but the button is not reachable with the keyboard and does not have a meaningful title.

To avoid changing behavior for normal users the button should be hid from screenreader users.

The button isn't read out by screenreaders when navigating the site
linearly (due to tabindex="-1") but when hold-pressing the button with
the mouse pointer, a screenreader will search for a human readable
label. We therefore need an aria-label attribute.