[SF][A11Y][ObjectStatus]: outline color won't change per preset states causing focus indicator not clearly visible and failing color contrast ratio

[EvanWangJC]

Bug Description

is given inverted and state with value in IndicationColor, for example:

<ObjectStatus state={IndicationColor.Indication05} inverted interactive> Issue Happens When Focusing (Indication 05) </ObjectStatus>

When focusing on it, outline color won't change per preset states in IndicationColor, causing focus indicator not clearly visible and failing color contrast ratio. This happens under IndicationColor.Indication05 and IndicationColor.Indication07

Affected Component

ObjectStatus

Expected Behaviour

Clear focus indicator for inverted ObjectStatus component.

Isolated Example

https://stackblitz.com/edit/github-o8ow4gct-vpemayhu?file=src%2FApp.tsx

Steps to Reproduce

1. Tab focusing on ObjectStatus (force focus state on )
2. See unclear focus indicator for inverted ObjectStatus component

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

2.14.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

[Lukas742]

Hi @EvanWangJC & UI5WC Colleagues

I just saw this issue and since it's about a component developed in our (ui5/webcomponents-react) repo, I'll transfer this issue there.