Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Yellow accessibility focus displays incorrectly for check box



Using PegaWAI, user has configured yellow background for focus, hover, and active items. On using the Tab key and tab between check boxes, the yellow focus displays however, the blue check mark does not display.

Error Messages

Not Applicable.

Steps to Reproduce

  1. Log in to the application
  2. Configure a check box control
  3. Click the Tab key and check the yellow focus

Root Cause

A software use or operation error. User has the below code in the UserWorkForm rule as a fix for button not highlighted on Tab key:

{ background:yellow !important; } 


Perform the following local-change:

Replace the code with the below code snippet in UserWorkForm:

input[type=checkbox].highlight {
outline: 5px solid yellow !important;
input[type=button].highlight {
background:yellow !important; 


Suggest Edit

Published September 19, 2018 - Updated October 8, 2020

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us