Page MenuHomePhabricator

Clear search input button is of no value for AT users
Open, LowPublic


The clear button <button class="mw-ui-icon mw-ui-icon-mf-clear mw-ui-icon-element mw-ui-icon-small clear" title="" style="">Clear</button> doesn't provide values of screenreader users.
It adds to navigation steps needed to search and deleting an input's value is simpler done without this button being exposed for those.

Expected result:
Should be hidden to AT users by adding aria-hidden="true"

Developer notes

It should be possible to pass an option to the Icon element that adds the attribute aria-hidden.
We could add a generic solution (e.g. allow an array of attributes to be added to the parent element) or a bespoke option for the aria-hidden option.

I guess it should default to hidden, unless explicitly stated otherwise.

Event Timeline

Volker_E created this task.Oct 30 2018, 6:11 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 30 2018, 6:11 PM

@Jdlrobson Icon() doesn't provide an option to add a certain attribute, what's the best way to move forward here?

Add it to the template with a suitable default value for the option.

ovasileva triaged this task as Medium priority.Nov 6 2018, 3:59 PM
Jdlrobson lowered the priority of this task from Medium to Low.Jul 31 2019, 6:55 PM

Given lack of activity here, low seems more appropriate.

Jdlrobson moved this task from Backlog to Team: web on the MobileFrontend board.Jul 24 2020, 3:01 PM