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
Illustratie van een webinterface met het universele toegankelijkheidssymbool op de voorgrond. Rechts is een checklist met blauwe vinkjes zichtbaar, wat het controleren en voldoen aan toegankelijkheidsrichtlijnen voor digitale content en websites visualiseert.

Alt-tekst: zo maak je afbeeldingen toegankelijk voor iedereen

Lees verhaal
Illustratie van een webinterface met in het midden een pictogram met sterretjes, omringd door blauwe lijnen die verschillende onderdelen van de pagina verbinden. De afbeelding staat voor optimalisatie en verbetering van digitale content en gebruikerservaring.

Hoe AI een handje helpt bij de Wet Digitale Toegankelijkheid

Lees verhaal
Illustratie met testresultaten: in het midden een groot label “Fail” met een rood kruis, daaromheen kleinere labels met “Pass” en groene vinkjes. De afbeelding visualiseert het testen en beoordelen van toegankelijkheids- of kwaliteitscriteria

Veelgemaakte fouten Wet Digitale Toegankelijkheid (EAA)

Lees verhaal
Illustratie van een webinterface met in het midden het universele toegankelijkheidssymbool. Blauwe lijnen verbinden verschillende onderdelen van de pagina, wat laat zien hoe toegankelijkheidsfuncties doorwerken in content, layout en media binnen een website.

De Wet Digitale Toegankelijkheid (EAA) voor het MKB: Zo krijg je je medewerkers mee!

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