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

Issue with focus on the Operator icon



Focus highlight is invisible on the Call icon on the portal. The icon is interpreted as text by the Screen Reader. Hence, the role of button (menu or dropdown) is not perceivable for the user.

Error Messages

Not Applicable

Steps to Reproduce

  1. Enable Accessibility
  2. Use the Tab key to navigate on Designer Studio or Interaction portal.

Root Cause

Background colour of icons must be customized. 


Perform the following local-change: 
Add the below script to the UserWorkForm:

setTimeout(function() { 
     if(pega && pega.u && pega.u.d && pega.u.d.isAccessible) {
       var iconFocusStyleNode = document.createElement("style");
       iconFocusStyleNode.innerHTML = 'div.operatorIcon:focus-within{ background-color:yellow!important;}';
   }, 500);


Note: The changes impact only the Accessibility users and the regular users who use the same application are not impacted.


Suggest Edit

Published January 2, 2020 - Updated December 2, 2021

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