search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.56k stars 267 forks source link

[SF][Input][A11y]: Input with suggestion, the suggestion item outline are expected to meet minimum of 4.5:1 CC in focused states #6874

Closed sleric1024 closed 1 year ago

sleric1024 commented 1 year ago

Describe the bug

I am from SuccessFactors, in this release we have the A11y issue and confirmed with A11y Testing Expert. The focusing outline of suggestion item for input component should meet the minimum of 4.5:1 CC in focused states.

image

Isolated Example

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

Reproduction steps

1. 2. 3. ...

Expected Behaviour

Focus outline are expected to meet minimum of 4.5:1 CC in focused states

Screenshots or Videos

No response

UI5 Web Components for React Version

1.10.0

UI5 Web Components Version

1.11.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Declaration

MarcusNotheis commented 1 year ago

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

yanaminkova commented 1 year ago

Hello @sleric1024 ,

Thank you for sharing!

According to the SAP Accessibility Standard in the Horizon themes, the focus indicator is visualized with outline which should contrasts at least 3.0:1 to its background. This is sufficient to fulfill the color contrast requirement, as it is a graphical element.

Thanks and Kind Regards, Yana

sleric1024 commented 1 year ago

@yanaminkova , thanks, I will update to my team.