🎉 Nouvel outil : langage simplifié. Cliquez sur le bouton et essayez-le en direct

Intégration avec rechargement dynamique

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

Partager cet article :

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

Intégration avec rechargement dynamique

Partagez cet article :

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

Outre le chargement direct des ressources Eye-Able à partir du serveur Eye-Able ou d'un serveur local, il est également possible de ne charger les données Eye-Able qu'après avoir cliqué sur l'icône. Cela présente l'avantage que seuls les utilisateurs du site qui interagissent avec Eye-Able établissent une connexion avec le 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.

Le logo Eye-Able, avec une zone de texte à gauche.
Remarque à l'attention des utilisateurs qui n'ont pas encore utilisé Eye-Able

Lors de la première utilisation d'Eye-Able, une entrée est créée dans le stockage local. Une fois cette entrée créée, Eye-Able se charge automatiquement lors de la prochaine visite du site.

Intégration dans le code 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 son téléchargement

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

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

Le fichier JavaScript permet d'intégrer directement dans la page les fonctions de rechargement dynamique et l'icône Eye-Able. Vous pouvez également définir 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 « 250 px »
  • eA_side : Modifie la position latérale de l'icône : « left » ou « right »
  • eA_bottom : modifie la position inférieure de l'icône sur les appareils mobiles, par exemple « 15 % »
Partie du code d'intégration permettant d'ajuster la position

Simple pour tous

Cela vous intéresse ? Nous nous ferons un plaisir de vous aider.​

Avec plus de 25 fonctionnalités dédiées à 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 touchez un nouveau public, sans avoir à investir massivement dans le marketing.

L'icône affiche le symbole d'accessibilité

Entretien de conseil

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

L'icône affiche le symbole d'accessibilité

Analyse

Analyse des possibilités d'optimisation de votre site web​

L'icône affiche le symbole d'accessibilité

Démonstration en direct

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

Autres articles

Si vous souhaitez en savoir un peu plus :