Wie kann ich Eye-Able Translate oder Einfache Sprache als benutzerdefinierte Buttons in die Seite einbinden?

Es ist möglich, die Funktion von Eye-Able Translate oder Einfache Sprache über einen individuellen Button in die Seite einzubinden.

Dafür müssen Sie folgenden Code in den Header Ihrer Webseite einfügen:

Einbinden des Codes

Der oben genannte Code muss wie gewohnt am Ende des Headers eingebaut werden. So wird die Funktion von Eye-Able Translate oder Einfache Sprache auf Ihrer Seite aktiviert.

Erstellen des benutzerdefinierten Buttons

Erstellen Sie nun Ihren individuellen Button. Der Button muss die CSS-ID „easy-speech-custom“ haben, damit die Funktion ordnungsgemäß funktioniert.

Sobald ein Element mit dieser ID auf der Seite existiert, wird das übliche Logo ausgeblendet und dem Element wird ein entsprechender EventListener hinzugefügt.

Aktivierung der Übersetzungsfunktion

Bei einem Klick auf den Button wird die Übersetzungsfunktion aktiviert. Wenn derselbe Button erneut geklickt wird, wird die Funktion deaktiviert, und der ursprüngliche Text wird wieder angezeigt.