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 has been part of the team as a professional voiceover artist and copywriter at Eye-Able® since the beginning. He studied voice acting at a university and was trained by actors. Currently he is completing his education as an interpreter for various languages.

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
Het is een Straßensperrung om te zien of een Straße Richtung Strand geblokkeerd is. Als de Sperrung een Schild ophangt, verschijnt de "Straße gesperrt" in het Engels. De achtergrond is Sanddünen en blauwer Himmel zu sehen.

Digitale toegankelijkheid en 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