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>
Published July 12, 2017 - Updated October 8, 2020
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.