Need some help  with accessiBe?
Find your answers  here!

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, and is recognized by many users. Therefore, it is the most accessible experience to activate accessible adjustments. In addition, if you want to avoid getting a demand letter or lawsuit, it’s preferable to have an accessibility button that everyone can see.

However, if you still want to create a custom button that opens the interface, follow these steps:

1. Hide our button by choosing this field in the ‘Advanced & Customized Installation’, or use your own CSS

Screenshot of instruction

2. Choose your own element that you want to replace with the current accessibility button

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

For this matter, here is an example of a simple element that, with the sentence above, becomes the accessibility button:

< span data-acsb-custom-trigger="true">Accessibility

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