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
Vier collega’s met verschillende achtergronden kijken samen glimlachend naar een laptop. Op de achtergrond staan pictogrammen van een weegschaal en een webinterface, wat samenwerking rond digitale toegankelijkheid, content en wettelijke naleving visualiseert.

Wet Digitale Toegankelijkheid (EAA): zo krijg je de hele organisatie mee!

Lees verhaal
Illustratie van een document met een checklist en selectievakjes, voorzien van een EAA-badge en een pictogram van een weegschaal. De afbeelding staat voor wettelijke eisen en controlepunten rondom de European Accessibility Act en digitale toegankelijkheid.

Welke subsidies zijn er voor de Wet Digitale Toegankelijkheid (EAA)?

Lees verhaal
Illustratie van een weegschaal bovenop een stapel wetboeken en een opgerold document. Links staat een vergrootglas met een juridisch paragraafteken. De afbeelding symboliseert wetgeving, juridische toetsing en naleving van regels.

Hoe hoog zijn de boetes Wet Digitale Toegankelijkheid (EAA)?

Lees verhaal
Illustratie van een juridisch document met de EU-vlag op een clipboard. Op de voorgrond staat een rechtershamer en rechts een blauw schild met de tekst “EAA”, als symbool voor de European Accessibility Act en wettelijke verplichtingen rondom digitale toegankelijkheid.

Wie controleert de European Accessibility Act (EAA)?

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