Nieuw hulpmiddel: Eenvoudige taal. Klik op de knop en probeer het live uit

Integratie met dynamisch herladen

De afbeelding toont code in een computerconsole.

Deel bericht:

De afbeelding toont code in een computerconsole.

Integratie met dynamisch herladen

Deel deze post:

De afbeelding toont code in een computerconsole.

Naast het direct laden van de Eye-Able elementen van de Eye-Able of lokale server, is het ook mogelijk om de Eye-Able gegevens te laden door op het pictogram te klikken. Dit heeft als voordeel dat alleen gebruikers van de site die ook interactie hebben met Eye-Able verbinding maken met de server en de Javascript bestanden laden. Deze integratie heeft ook voordelen op het gebied van gegevensbescherming, omdat de gebruiker wordt geïnformeerd over deze uitgaande verbinding voordat er contact wordt gemaakt met de Eye-Able server.

Eye-Able logo met een tekstvak aan de linkerkant.
Opmerking voor gebruikers die Eye-Able nog niet hebben gebruikt

De eerste keer dat Eye-Able wordt gebruikt, wordt een lokale opslagingang ingesteld. Zodra deze invoer is ingesteld, wordt Eye-Able automatisch geladen wanneer u de pagina de volgende keer bezoekt.

Integratie in de HTML van de pagina

Für die Einbindung von Eye-Able müssen Sie einfach nur die Javascript Datei über ein <script>-Element im HTML der Seite platzieren. Dafür können Sie entweder die Javascript Datei hochladen und diese dann referenzieren:

Voorbeeld van de integratie van het JavaScript-bestand na de vorige upload

Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:

Voorbeeld van inline integratie van de opgemaakte code

De functies voor dynamisch herladen en het Eye-Able pictogram zijn rechtstreeks in de pagina geïntegreerd via het JavaScript-bestand. Je kunt de positie van het Eye-Able-pictogram ook zelf bepalen. Wijzig hiervoor de volgende variabelen aan het begin van de code:

  • eA_top : Verandert de bovenste positie van het pictogram, bijv. "15%", of "250px".
  • eA_side: Verandert de laterale positie van het pictogram: "links" of "rechts".
  • eA_bottom: Verandert de onderste positie van het pictogram op mobiele apparaten, bijvoorbeeld "15%".
Deel van de integratiecode voor het aanpassen van de positie

Makkelijk voor iedereen

Heb je interesse? We helpen je graag verder.

Met meer dan 25 functies op het gebied van digitale toegankelijkheid helpt Eye-Able je ook om je barrières op de lange termijn te verlagen. Je kunt je informatie voor iedereen toegankelijk maken en geen bezoekers uitsluiten - kortom: je kunt een nieuwe doelgroep aanboren zonder grote marketingvolumes.

Pictogram toont toegankelijkheidscijfer

Begeleidingsgesprek

Niet-bindende raadpleging over digitale toegankelijkheid in het algemeen

Pictogram toont toegankelijkheidscijfer

Analyse

Bespreking van mogelijke optimalisatiemogelijkheden op uw website

Pictogram toont toegankelijkheidscijfer

Live demo

Presentatie van de assistentiesoftware direct op je website

Verdere bijdragen

Als je iets meer wilt: