How can I create a custom button that opens the accessWidget interface?

We recommend using accessWidget’s trigger button because it is clear and visible, recognized by many users, and provides the most accessible experience to activate accessibility adjustments. Having an accessibility button that is visible to everyone has the additional benefit of mitigating legal risk. 

You can also choose to create a custom button that opens the interface.

How to create a custom button

1. On the accessiBe homepage, select Login in the top right corner, and log in to your account.

2. Select a license.

3. Select Install and customize widget.

4. Under Customizing accessWidget Interface > Customizing accessWidget Trigger Button > Hide Trigger Button select Hide.

5. Select Publish Changes.

6. In the popup window select Publish Now. The widget trigger button will no longer appear on your site.

7. Choose your own element to replace with the current accessibility button.

8. Add the following HTML attribute: data-acsb-custom-trigger="true" 

Here is an example of a simple element to replace the trigger button that opens accessWidget.

<li class="site-footer__linklist-item">
<a href="#" data-acsb-custom-trigger="true"> Accessibility </a>
</li>

In this case the trigger button will be a link labeled Accessibility.

If you need further assistance, feel free to reach out to our support team via website chat.