Geschreven door Tobias Greiner op 01 augustus 2023

Integratie met dynamisch herladen

Accessibility

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
Browser window with the slogan "Accessible to everyone" and a menu with overlay functions next to it.

Een overlay maakt een website niet vanzelf toegankelijk

Lees verhaal
Illustratie met het woord “SEO” in grote blauwe letters. Rondom staan pictogrammen voor toegankelijkheid en content, zoals een oog (zichtbaarheid), een boek (leesbaarheid), een netwerkstructuur (structuur) en het universele toegankelijkheidssymbool. De afbeelding verbindt SEO met digitale toegankelijkheid

Digitale toegankelijkheid en SEO: waarom ook Google van deze websites houdt

Lees verhaal
Bovenaanzicht van een laptop waarop een website wordt getoond, met twee handen die op het toetsenbord typen. Links naast de laptop staat een blauw toegankelijkheidspictogram met een persoon-icoon.

"Digitale toegankelijkheid is nu geen prioriteit" - en dat kost je elke dag omzet

Lees verhaal
iPhone en Apple Watch met toegankelijkheidsfuncties in beeld. Op het iPhone-scherm zijn opties zoals Live luisteren, geluidsniveau van koptelefoons en ondertiteling zichtbaar. Op de Apple Watch wordt live transcriptie getoond. Het toegankelijkheidssymbool en het Apple iPhone-logo benadrukken inclusieve functies voor gehoorondersteuning.

Toegankelijkheid iPhone: zo haal je alles uit de toegankelijkheidsinstellingen

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