[SF][ui5-input]: Clear icon should be decorative

[zhangliangyi]

Bug Description

Since the clear icon in ui5-input is not accessible to keyboard users, it should be set as decorative mode so that the icon would be invisible to screen reader.

Affected Component

ui5-input

Expected Behaviour

Set the mode of icon as Decorative.

ui5-webcomponents/packages/main/src/Input.hbs

Line 49 in 7a23598

<ui5-icon part="clear-icon" tabindex="-1" class="ui5-input-clear-icon" name="decline" accessible-name="{{clearIconAccessibleName}}"></ui5-icon>

Isolated Example

No response

Steps to Reproduce

...

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.3.0

Browser

Edge

Operating System

No response

Additional Context

No response

Organization

SF

Declaration

• I’m not disclosing any internal or sensitive information.

[dimovpetar]

Hello @ui5-webcomponents-topic-rl,

Please check out if this accessibility concern is valid.
In OpenUI5, the clear icon behaves the same way,

Best regards,
Petar

[ndeshev]

Hello @zhangliangyi I will further discuss this proposal with our accessibility experts, because the clear icon can be clicked, so it has some interactivity and it is not purely decorative.

[ndeshev]

Hello again, I've talked with our accessibility experts and there are ongoing discussions on the topic of this issue. We have a backlog item related to it but there is no final conclusion yet. There is also a related GitHub issue on the matter - #9870 which you can follow for solution of the topic.