Hoe maak ik een individuele knop voor Eenvoudige taal?

In dit artikel lees je hoe je eenvoudige taal rechtstreeks in je website kunt integreren

Eigen knop gebruiken

Naast de standaardknop kun je ook zelf een knop maken voor de functie 'Eenvoudige taal'.

Zo kun je het ontwerp, de positie en de weergave volledig aanpassen aan je website en de knop precies zo vormgeven als je wilt.

In principe zijn er twee mogelijkheden voor personalisatie: een gedeeltelijke of een volledige personalisatie van de knop.

Gedeeltelijke aanpassing van de knop

Bij gedeeltelijke aanpassing vervangt je eigen knop de standaardknop. De functie voor eenvoudige taal wordt nog steeds automatisch geactiveerd wanneer gebruikers op je knop klikken.

Je kunt daarbij kiezen uit twee opties.

1. Aangepaste knop zonder tooltip en pictogram

Bij deze variant gebruik je geen kant-en-klare elementen. Je ontwerpt je knop helemaal zelf en deze vervangt de bestaande knop volledig.

Er worden geen tooltips en geen pictogrammen uit het systeem overgenomen.

Zo werkt het:

• Je voegt het meegeleverde JavaScript-bestand toe

• Je maakt geen <easy-speech> -tag aan

• In plaats daarvan maak je je eigen persoonlijke knop

• Je wijst de ID „easy-speech-custom“ toe aan je knop

Daarna wordt alleen jouw persoonlijke knop weergegeven.

Als gebruikers op de knop klikken, wordt de vertaling in eenvoudige taal geactiveerd. Als ze nogmaals klikken, wordt de normale pagina weer weergegeven.

2. Aangepaste knop met tooltip en pictogram

Ook bij deze variant kun je het ontwerp van je button helemaal zelf bepalen.

Het verschil is dat de tooltips en pictogrammen van het systeem worden overgenomen.

Deze geven bijvoorbeeld aan of een vertaling succesvol is uitgevoerd. Bovendien verschijnt er een tooltip wanneer je met de muis over de knop beweegt, die meer informatie over de vertaling geeft.

Zo werkt het:

• Je voegt het meegeleverde JavaScript-bestand toe

• Je maakt geen <easy-speech> -tag aan

• In plaats daarvan maak je je eigen persoonlijke knop

• Je wijst de ID „easy-speech-custom-including-tooltip” toe aan je knop

Daarna wordt je persoonlijke button weergegeven.

Als u op de knop klikt, wordt de vereenvoudigde taal geactiveerd. Als u nogmaals klikt, wordt de normale pagina weer weergegeven.

Tijdens het gebruik verschijnen er extra statusindicaties:

• Bij het starten van de vertaling verschijnt er een laadpictogram bij de knop

• Na een geslaagde of mislukte vertaling verschijnt er een bijbehorend statuspictogram bij de knop

• Als je met de muis over de knop beweegt, verschijnt er een tooltip met informatie over de vertaling

• Als het vertalen langer duurt of mislukt, verschijnt er ook een tooltip

Volledige aanpassing van de knop

Bij volledige individualisering gebruik je geen kant-en-klare elementen.

Je ontwerpt je knop helemaal zelf en stelt via functies in of de eenvoudige taal wordt geactiveerd.

Tooltips en pictogrammen worden in deze variant niet automatisch overgenomen.

Zo werkt het:

• Je voegt het meegeleverde JavaScript-bestand toe

• Je maakt geen <easy-speech> -tag aan

• In plaats daarvan maak je een eigen, op maat gemaakt HTML-element

• Je voegt de functies voor het inschakelen van eenvoudige taal toe aan je code

De volgende functies zijn beschikbaar voor de besturing:

• wacht op EA.activateEasy()
  Schakelt de vertaling in eenvoudige taal in.

• wacht op EA.deactivateEasy()
  Schakelt de vereenvoudigde versie uit en toont weer de originele pagina.

Er zijn nog meer functies beschikbaar om statusinformatie over de eenvoudige taal op te vragen of de activering te beheren.

Overige beschikbare functies

Daarnaast zijn er verschillende functies beschikbaar waarmee je de status van de eenvoudige taal kunt controleren of het gebruik ervan kunt beheren.

Hieronder vallen onder andere:

• EA.statusEasy() – geeft de huidige status van de eenvoudige taal weer

• EA.isEasyActive() – controleert of eenvoudige taal momenteel actief is

• EA.keepEasyActivated() – zorgt ervoor dat eenvoudige taal ook na het wisselen van pagina actief blijft

• EA.scriptIsLoaded() – controleert of het script succesvol is geladen

Deze functies helpen je om de eenvoudige taal flexibel in je website te integreren en aan je eigen interface aan te passen.