Geschreven door Tobias Greiner op 01 augustus 2023

Integratie met dynamisch herladen

Toegankelijkheid

Integratie met dynamisch herladen

Code in different colours is depicted.Naast het rechtstreeks laden van de Eye-Able-bestanden vanaf de Eye-Able- of lokale server, is het ook mogelijk om de gegevens van Eye-Able te laden door op het pictogram te klikken. Dit heeft als voordeel dat alleen gebruikers van de site die ook met Eye-Able interageren, verbinding maken met de server en de JavaScript-bestanden laden. Deze integratie biedt ook voordelen op het gebied van gegevensbescherming, omdat de gebruiker op de hoogte wordt gesteld van deze uitgaande verbinding voordat hij contact opneemt met de Eye-Able-server.Depiction of the Eye-Able visual Help logoOpmerking voor gebruikers die Eye-Able nog niet hebben gebruikt.

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

Integratie in de HTML van de pagina

Om Eye-Able te integreren, hoeft u alleen het JavaScript-bestand in de HTML van de pagina te plaatsen met behulp van een <script>-element. U kunt het JavaScript-bestand uploaden en er vervolgens naar verwijzen:Code to integrate Eye-AbleVoorbeeld van de integratie van het JavaScript-bestand na de vorige upload.

Je kunt de code uit het JavaScript-bestand ook rechtstreeks in een <script>-element opnemen:Voorbeeld van een inline integratie van de opgemaakte code

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

  • eA_top: Wijzigt de bovenste positie van het pictogram, bijvoorbeeld "15%" of "250px".

  • eA_side: Wijzigt de zijwaartse positie van het pictogram: "links" of "rechts".

  • eA_bottom: Wijzigt de onderste positie van het pictogram op mobiele apparaten, bijvoorbeeld "15%".Depiction of CodeEen deel van de integratiecode om de positie aan te passen.

Sebastian Fjeld

Sebastian Fjeld maakt al vanaf het begin deel uit van het team van Eye-Able® als professioneel voice-overartiest en copywriter. Hij studeerde stemacteren aan een universiteit en werd opgeleid door acteurs. Momenteel rondt hij zijn opleiding tot tolk voor diverse talen af.

Meer bijdragen

Als het misschien iets meer is

Filter

Filter op categorie

Bevestig je selectie met de knop aan het einde van de lijst na het kiezen van de categorieën.

Filters resetten
Websitegrafiek met stijgende balken die groei door toegankelijkheid symboliseren

Wat kost het om jouw website aan de European Accessibility Act (EAA) te laten voldoen?

Lees verhaal
Blauw Eye-Able-embleem met de letters EAA op een lichte achtergrond

Waarom een nieuwe wetgeving Digitale Toegankelijkheid (EAA)?

Lees verhaal
Man met bril en gestreept shirt die een laptop gebruikt. Naast hem staat een illustratie van een checklist op een clipboard met vinkjes en het universele toegankelijkheidssymbool, wat het controleren van digitale toegankelijkheid en naleving van richtlijnen visualiseert.

Checklist! Voldoet jouw website aan de Wet Digitale Toegankelijkheid (EAA)?

Lees verhaal
Es ist eine Straßensperrung zu sehen, welche eine Straße Richtung Strand blockiert. Auf der Sperrung hängt ein Schild, auf dem "Straße gesperrt" auf englisch steht. Im Hintergrund sind Sanddünen und blauer Himmel zu sehen.

Barrières herkennen: de meest voorkomende obstakels in het dagelijks leven

Lees verhaal

Heeft u meer informatie nodig?

Neem contact met ons op en we helpen u graag verder.

a man with down syndrome shows a woman something on the computer. they both laugh