:no_upscale():format(png))
Mobiele toegankelijkheid: ben jij er klaar voor?
Lees verhaal
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.
Opmerking 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.
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:
Voorbeeld 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%".
Een deel van de integratiecode om de positie aan te passen.
:no_upscale())
Meer bijdragen
:no_upscale():format(png))
Mobiele toegankelijkheid: ben jij er klaar voor?
Lees verhaalAI accessibility: Hoe organisaties inclusieve digitale ervaringen maken
Lees verhaal:no_upscale():format(png))
Eye-Able als alternatief: wat organisaties écht nodig hebben
Lees verhaal:no_upscale())
Hoe kom ik aan een toegankelijkheidsverklaring voor de EAA?
Lees verhaalNeem contact met ons op en we helpen u graag verder.
:no_upscale():format(png))