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

Unable to clearly see the cursor or focus is not highlighted

SA-38561

Summary



User is not able to see the cursor or focus is not highlighted.

Button is not highlighted in a modal dialog for accessibility users.



Error Messages



Not Applicable


Steps to Reproduce



1. Configure a modal dialog.
2. Provide all required details in it, click on tab at the last element.
3. Observe focus will be on submit button, but is not highlighted.



Root Cause



A defect in Pegasystems’ code or rules

When the focus is on any button, it is not highlighted for accessibility users.

For highlighting the button, script needs to be added in the accessibility css rule "workform_accessibility.css".



Resolution



Add the below code snippet in userworkform:

<style>
input:not([type="radio"]):not([type="checkbox"]):focus,textarea:focus,select:focus,button.pzhc:focus,a:focus {
outline: 0;
border: 2px solid #006dff;
}
button.Standard:focus {
background: #C9D2D0;
}
button.Strong:focus {
border-color: #d14702;
}
button.Simple:focus {
border-color: #444444;
}
</style>

Suggest Edit

Published July 12, 2017 - 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