AriWeissman
Director of UX
Director of UX

Creating a custom Auto-Fix trigger

You can modify the Auto-Fix experience on your site by replacing the icon with any image or text you would like to trigger the accessibility modal.

Step 1: Hiding the default button

In the script, set 'hideMobile' and 'hideTrigger' to True. This will hide the default button.

<script>
(function(){
var s = document.createElement('script'),
e = ! document.body ? document.querySelector('head') : document.body;
s.src='https://acsbap.com/apps/app/assets/js/acsb.js';
s.async = s.defer = true;
s.onload = function(){
acsbJS.init({
statementLink : '',
feedbackLink : '',
footerHtml : 'Powered By Crownpeak',
hideMobile : true,
hideTrigger : true,
language : 'en',
position : 'left',
leadColor : '#ad03fc',
triggerColor : '#8901f9',
triggerRadius : '50%',
triggerPositionX : 'left',
triggerPositionY : 'bottom',
triggerIcon : 'help2',
triggerSize : 'medium',
triggerOffsetX : 20,
triggerOffsetY : 20,
mobile : {
triggerSize: 'small',
triggerPositionX : 'left',
triggerPositionY : 'center',
triggerOffsetX : 0,
triggerOffsetY : 0,
triggerRadius : '50%'
}
});
};
e.appendChild(s);
}());
</script>

Step 2: Creating a custom button

Add the new element you would like to use as a trigger and include 'data-acsb-custom-trigger="true"' 

<span data-acsb-custom-trigger="true">Insert trigger image or text</span>
Labels (1)
Labels

Can't find what you are looking for?

Find Answers

Search our DQM Forum to find answers to questions asked by other DQM users.

Ask a Question

No luck? Ask a question. Our Product and Support teams are monitoring the Forum and typically respond within 48 hours.

Ask a Question