How Can I Integrate Eye-Able Translate or Simple Language as Custom Buttons on My Page?

It is possible to integrate the Eye-Able Translate or Plain Language feature into your page via a custom button.

To do this, you need to insert the following code into the header of your website:

Inserting the Code

The code mentioned above must be inserted as usual at the end of the header. This will activate the Eye-Able Translate or Plain Language feature on your page.

Creating the Custom Button

Now, create your custom button. The button must have the CSS ID easy-speech-custom for the function to work correctly.

Once an element with this ID exists on the page, the usual logo will be hidden, and the element will have an appropriate EventListener added to it.

Activating the Translation Feature

When the button is clicked, the translation feature will be activated. If the same button is clicked again, the feature will be deactivated, and the original text will be displayed again.