Support Article

Reports-Color contrast Issue

SA-71546

Summary



PRPC 6.2 SP1 is upgraded to Pega Platform 7.3.1.
Pega Customer Process Manager (CPM) 6.2 is upgraded to Pega Customer Service (CS) 7.22.


In Reports, the contrast ratio of the visual presentation of text and images is less than 4:5:1, except for the following: 
  • Large print 
  • Incidental text or images 
  • Logo types

Below are the 'Display report page' controls whose contrast ratio is less than 4:5:1:

  • Edit report button
  • Generated on label
  • Filter by Background color and text color
  • Links in report body.


Error Messages



Not Applicable


Steps to Reproduce



Open a report. Verify the color contrast ratio in: Edit Report button, Filter by background, Generated on text label, and the links color in the report body.


Root Cause



An issue in the custom application code or rules.
The color code and styles of controls and layouts were not modified as required to pass all color contrast ratio.



Resolution



Perform the following local-change:

The Display report page uses the pyReportEditorStyling CSS which is an available rule.

Use the correct text color and background color to change the styling as required.

Add the below CSS styles in the pyReportEditorStyling CSS and change the color code as necessary.

 div[node_name='pzDisplayReportBody'] div.layout-noheader-information{
  background-color:#fff !important;
}

div[node_name='pzDisplayReportBody'] a.GrandTotal_Collapse_Expand{
  color: #000 !important;
}

div[node_name='pzDisplayReportBody'] div[node_name="pxReportTableDisplay"] a {
  color: #000 !important;
}

Published January 16, 2019 — Updated August 15, 2019

Have a question? Get answers now.

Visit the Pega Support Community to ask questions, engage in discussions, and help others.