Closed caroline-ferri closed 11 months ago
The design specs of the ObjectStatus
where updated, unfortunately we now have to wait before we can implement them for the theming-base-content
version to be updated.
Hi @I585157
after applying the new variables I noticed that the colors for the inverted ValueState.Error
didn't change, so this seems to be implemented by design. Please also note that a text-shadow is used here to increase contrast-ratio and readability. If you want to challenge that, please reach out to our design and a11y experts. You can contact me internally if you need contact information.
Since we are using the official CSS variables, I will close this issue now. If there are any further developments on this topic, please feel free to comment here.
:tada: This issue has been resolved in version v1.21.0 :tada:
The release is available on v1.21.0
Your semantic-release bot :package::rocket:
Describe the bug
[ObjectStatus]: Inverted Object status with ValueState.Error has a contrast ratio of 3:9:1, failing to meet the expected 4:5:1 contrast ratio.
Isolated Example
https://sap.github.io/ui5-webcomponents-react/?path=/story/data-display-objectstatus--inverted
Reproduction steps
Expected Behaviour
Expected ratio should be at least 4:5:1.
Screenshots or Videos
UI5 Web Components for React Version
1.17.0
UI5 Web Components Version
ObjectStatus
Browser
Chrome
Operating System
Mac OS
Additional Context
No response
Relevant log output
No response
Declaration