🎉 Nouvel outil : Langage simple. Cliquer sur le bouton et essayer en direct

Intégration avec rechargement dynamique

L'image montre du code dans une console d'ordinateur.

Partager l'article :

L'image montre du code dans une console d'ordinateur.

Intégration avec rechargement dynamique

Partager cet article :

L'image montre du code dans une console d'ordinateur.

Outre le chargement direct des ressources Eye-Able depuis le serveur Eye-Able ou local, il est également possible de charger les données de Eye-Able en cliquant sur l'icône. L'avantage est que seuls les utilisateurs de la page qui interagissent avec Eye-Able se connectent au serveur et chargent les fichiers Javascript. Cette intégration présente également des avantages en matière de protection des données, car l'utilisateur est informé de cette connexion sortante avant d'entrer en contact avec le serveur Eye-Able .

Eye-Able Logo avec une zone de texte à gauche.
Remarque pour les utilisateurs qui n'ont pas encore utilisé Eye-Able

Lors de la première utilisation de Eye-Able , une entrée Local Storage est définie. Dès que cette entrée est activée, Eye-Able est automatiquement chargé lors de la prochaine visite de la page.

Intégration dans le HTML de la page

Für die Einbindung von Eye-Able müssen Sie einfach nur die Javascript Datei über ein <script>-Element im HTML der Seite platzieren. Dafür können Sie entweder die Javascript Datei hochladen und diese dann referenzieren:

Exemple d'intégration du fichier JavaScript après un téléchargement préalable

Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:

Exemple d'intégration en ligne du code formaté

Les fonctions de rechargement dynamique et l'icône Eye-Able sont directement intégrées dans la page via le fichier Javascript. Vous pouvez également déterminer vous-même la position de l'icône Eye-Able . Pour ce faire, modifiez les variables suivantes au début du code :

  • eA_top : modifie la position supérieure de l'icône, par exemple "15%", ou "250px".
  • eA_side : Change la position latérale de l'icône : "left" ou "right".
  • eA_bottom : Change la position du bas de l'icône sur les appareils mobiles, par ex. "15%".
Partie du code d'intégration pour l'adaptation de la position

Simple pour tous

Vous êtes intéressé(e) ? Nous nous ferons un plaisir de vous aider.

Avec plus de 25 fonctions autour de l'accessibilité numérique, Eye-Able vous aide également à réduire durablement vos barrières. Vous rendez ainsi vos informations accessibles à tous et n'excluez aucun visiteur* - en bref, vous vous ouvrez à un nouveau groupe cible, sans aucun volume de marketing élevé.

L'icône montre le personnage de l'accessibilité

Entretien de conseil

Entretien de conseil sans engagement sur l'accessibilité numérique en général

L'icône montre le personnage de l'accessibilité

Analyse

Discussion des potentiels d'optimisation de votre site web

L'icône montre le personnage de l'accessibilité

Démonstration en direct

Présentation du logiciel d'assistance directement sur votre site web

Plus de contributions

Si vous avez besoin d'un peu plus :