SAP Knowledge Base Article - Public

3792353 - White text on orange background has insufficient contrast on learning page status text; measurement must include text shadow — SAP successfactors learning

Symptom

  • White text on an orange background has insufficient contrast on the Learning page.
  • The issue occurs for status text such as "xxx days overdue".
  • Users with low vision or reduced visual acuity may struggle to read the status information.

Image/data in this KBA is from SAP internal systems, sample data, or demo systems. Any resemblance to real data is purely coincidental.

Environment

SAP SuccessFactors Learning 

Reproducing the Issue

  1. Login to Learning Homepage.
  2. On the Learning page, notice overdue learning assignment (for example, "xxx days overdue").
  3. Observe that the white text on the orange background has insufficient contrast

Resolution

  1. Be aware that a text shadow (outline/halo) is applied to the status text to ensure the minimum contrast requirement is met; contrast must be evaluated including outlines/halos, not only foreground-to-background color.
  2. Verify in the user interface that the text shadow/outline is rendered and re-evaluate the contrast accordingly.

See Also

3260235 - SAP Specifics Regarding Accessibility Conformance - SAP for Me

Keywords

accessibility, contrast, text shadow, outline, halo, small text, status text, overdue, orange background, white text, learning page, overdue , KBA , LOD-SF-LMS-ACC , Visually Impaired Software Compatibility , How To

Product

SAP SuccessFactors Learning all versions