accessiBe Help Center

How to create a custom button 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 button that opens the interface.

How to create a custom button

  1. On the accessiBe home page, select Login in the top right corner, and log in to your account.
  2. Select a license.
  3. Select Install and Customize widget. Screenshot of customize widget
  4. Under Customizing accessWidget Interface > Customizing accessWidget Trigger Button > Hide Trigger Button select Hide.Screenshot of hide trigger
  5. Select Publish Changes. Screenshot of publish changes
  6. In the pop-up window, select Publish Now. The widget trigger button will no longer appear on your site. Screenshot of publish now.png
  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?

0 out of 0 found this helpful

Have more questions? Submit a request