Intégrer Eye-Able directement dans la page

Par défaut, le logiciel d'assistance Eye-Able® est intégré à une page web sous forme d'icône fixe par rapport à la zone d'affichage. Cette position, associée à des icônes à contraste élevé, s'est avérée facile d'utilisation lors de tests utilisateurs, même pour les personnes malvoyantes. Toutefois, Eye-Able® peut également être intégré directement à la page web sans aucun problème. Il est ainsi possible de l'intégrer à la barre de navigation ou à d'autres conteneurs existants.

En remplacement de l'icône habituelle, n'importe quel élément de la page peut être utilisé. Les fonctions « ouvrir » et « fermer » de l'icône habituelle sont liées à cet élément. Il est nécessaire de créer ou d'adapter un nouvel élément cible à cet effet.

Pour créer le lien, l'ID CSS « eyeAble_customToolOpenerID L'identifiant «  » doit être ajouté au nouvel élément cible. Dès qu'un élément possédant cet identifiant est présent sur la page, le logo habituel est masqué et un écouteur d'événements correspondant est ajouté à cet événement. La barre d'outils conserve sa position initiale.

Si plusieurs boutons d'ouverture/fermeture doivent être intégrés, le Classe CSS " eyeAble_customToolOpenerClass " peut également être utilisé. Le Le comportement est identique à celui de la méthode CSS-ID. .

Remarque : Sur toutes les sous-pages où il n'y a pas d'élément avec la classe eyeAble_customToolOpenerID-ID ou eyeAble_customToolOpenerClass, le logo normal continuera d'être affiché !

Si Eye-Able doit être lié à un élément de la page sans masquer le logo principal, " eyeAble_customToolOpenerNoHideClass « La classe CSS peut être utilisée. »

Il est également possible d'ouvrir directement la barre d'outils Eye-Able via un lien. Il suffit de définir la cible du lien sur "javascript:EyeAbleAPI.toggleToolbar()".

Assurez-vous que le point d'accès à Eye-Able soit accessible au clavier et que son texte soit compréhensible par les lecteurs d'écran. Un exemple de texte serait : « Ouvrir le logiciel d'assistance visuelle. Accessible au clavier via ALT + 1 ».

Le logo Eye-Able à télécharger et à intégrer est disponible. comme SVG ici .