[SF][A11y][ObjectStatus & Table]: Ensure that the contrast ratio for all text content is at least 4.5:1 in normal, hover, and keyboard focus state.

[VidhiNPatel]

Describe the bug

When using the component within the

for row actions, the contrast ratio of the ObjectStatus text content does not meet the minimum required ratio of 4.5:1.

This issue has happened for the sap_horizon normal and high contrast black and white theme as well.

Isolated Example

https://stackblitz.com/edit/github-rztzxgrd-ygjsmrke?file=src%2FApp.tsx,package.json,index.html

Reproduction steps

Expected Behaviour

Ensure that the contrast ratio for all text content is at least 4.5:1 in normal, hover, and keyboard focus state.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.16.1

UI5 Web Components Version

2.16

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @VidhiNPatel

After reviewing the internal specifications (Wiki and Figma), the design guidelines currently define special color handling for ObjectStatus only when used in interactive lists or tables with rows in active state. For other states, the default component colors apply as intended.

For the AnalyticalTable component (developed in this repository), we'll implement the active state styling out of the box, so no additional configuration will be required.

For UI5 Web Components (List, Table, etc.), you'll need to apply custom CSS to override the text and icon colors when rows are in active state. To make this easier, we're:

1. Simplifying icon color customization via CSS custom properties
2. Adding documentation with examples showing how to proper set the active styles