Skip to content

[AnalyticalTable]: Analytical Table In high-contrast themes, texts smaller than 18pt (or 14pt bold) not displayed with a contrast ratio of at least 7:1 #7778

@samanr

Description

@samanr

Describe the bug

When using the SAP High Contrast Theme - Dark, a Success-colored ObjectStatus inside a selected AnalyticalTable row does not meet the required 7:1 foreground/background contrast ratio. The row selection highlight is gold, and the ObjectStatus foreground remains green, resulting in insufficient contrast in the selected state.

Isolated Example

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

Reproduction steps

  • Switch the application theme to High Contrast Dark (e.g., sap_horizon_hcb).
  • Render an AnalyticalTable with a column that uses ObjectStatus and state="Success" in its cell.
  • Select a table row (single- or multi-select).
  • Observe the color contrast of the ObjectStatus foreground (green) against the selected row background (gold) -- it doesn’t meet the minimum requirements.

Expected Behaviour

Should respect the 7:1 contrast ratio.

Screenshots or Videos

Image

UI5 Web Components for React Version

2.14.1

UI5 Web Components Version

2.14.0

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions