ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[Bug][SF][1.29.10][Input][A11y][Expected Fixed Time: ASAP] In JAWS browse mode, focus appears on the clear graphic icon and it is announced as 'clear graphic' in the search input field

Open wilson-xu-sap opened this issue 5 months ago • 7 comments

Describe the bug

With JAWS, when a user navigates with the keyboard to the input field and types something, then switches to VPC mode and uses the arrow key to navigate in the search input field -> Observe that the clear icon appears in the input field and is announced as 'clear graphic' which is incorrect.

Isolated Example

https://sap.github.io/ui5-webcomponents-react/v1/?path=/story/inputs-input--with-suggestion-item

Reproduction steps

Switch showClearIcon to true. With JAWS, when a user navigates with the keyboard to the input field and types something, then switches to VPC mode and uses the arrow key to navigate in the search input field -> Observe that the clear icon appears in the input field and is announced as 'clear graphic' which is incorrect.

Expected Behaviour

Ensure that the focus should not appear on the clear graphic icon and it should not read in VPC mode

Screenshots or Videos

image

UI5 Web Components for React Version

1.29.10

UI5 Web Components Version

1.24.4

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

No response

Declaration

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

wilson-xu-sap avatar Sep 13 '24 06:09 wilson-xu-sap