accessiBe Help Center

How to create a custom button or link that opens the accessWidget interface

  • Updated

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 trigger button or link that opens the interface.

How to create a custom button or link

  1. Go to the accessiBe homepage, and select Login (top right).
  2. Log in to your account.
  3. In the sidebar, select accessWidget, then select the license to customize the widget.
  4. Select Install and Customize widget, then select the Customize widget tab.
  5. In the Customizing accessWidget Trigger section, set Hide Trigger Button to Hide.
  6. In the confirmation window select Publish Now.
    The widget trigger button will no longer appear on your site. 
  7. Choose your 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 example, 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.

Was this article helpful?

1 out of 3 found this helpful