Support Article
Focus is invisible for the Accessibility users
SA-95967
Summary
Focus is invisible for the Accessibility users. This occurs when the focus is on the radio button element (Tab key is used) .
Error Messages
Not Applicable
Steps to Reproduce
- Apply the Accessibility framework
- Configure a radio button element
Root Cause
An out-of-the-box feature is not present to provide a background focus to the radio button for the Accessibility users.
Resolution
Perform the following local-change:
Add the below code to the UserWorkForm file:
<script>
setTimeout(function() {
if(pega && pega.u && pega.u.d && pega.u.d.isAccessible) {
var radioFocusStyleNode = document.createElement("style");
radioFocusStyleNode.innerHTML = 'input[type=radio]:focus + label{background-color: yellow;outline: auto; padding: 6px; bottom: 7px;}';
document.head.appendChild(radioFocusStyleNode);
}
}, 500);
</script>
Published January 6, 2020 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.