[SF][A11Y][Badge]: Fails to meet color contrast ratio with respect to background color when color scheme is "1"

[sfsf-xweb-sh]

Hi Colleague,
There is a A11Y issue:Fails to meet color contrast ratio with respect to background color when color scheme is "8".
Please take a look. This issue affect OMP and Assignment(b2111 release).

Expected Behavior

Context

• UI5 Web Components version: {0.31.17}
• Browser: {chrome}

Priority

• High

[ilhan007]

Hello @SAP/ui5-webcomponents-topic-rd could you check the contrast ration issue that has been reported. Perhaps this might be fixed with the latest color changes.

#3926

[ilhan007]

Hello @sfsf-xweb-sh the title mentions scheme "1", the issue description - scheme "8". Is it 1 or 8 at the end.

[georgimkv]

The one pictured is color-scheme="1". And it indeed fails to meet the minimum contrast ratio. I'll discuss this with the design team.

[georgimkv]

Hi @sfsf-xweb-sh
The design team advised that when the text inside the Badge is bold, it is acceptable to have lower contrast ratio.
This is described here https://wiki.wdf.sap.corp/wiki/pages/viewpage.action?pageId=2095479022#Accessibility(Fiori3)-ACC-261-MinimumContrast

Regards,
Georgi

[sfsf-xweb-sh]

Hello @sfsf-xweb-sh the title mentions scheme "1", the issue description - scheme "8". Is it 1 or 8 at the end.

Sorry for typo error, It's 1 in this issue.

[sfsf-xweb-sh]

Hi @gmkv @ilhan007 ,
There are some update about this issue.
@anu Sandhanam(I524170) said that this is a valid issue, not all bold text can meet a color contrast lesser than 4.5:1. Only text that is 14 pt bold or 18 pt normal is categorized as large text in which case its enough if they meet 3:1 CC. In this case, the status text is 14 px (not 14 pt).

Could you help reopen it. And double check it with @anu Sandhanam(I524170) if it's necessary.

Best Regards,
Josephine su

[georgimkv]

Hi @sfsf-xweb-sh

The component's colors were updated. The fix will be available with the next release of ui5-webcomponents.