Eye-Able manuel et passage du site Web propre

Grâce à une maîtrise totale de la configuration, vous pouvez adapter Eye-Able – au-delà du configurateur – à votre propre site web.

Crédits photo Toute propriété intellectuelle (IP Ltd), le lien vers l'auteur est Simplex - Création de sites web à Sydney 

En cas de contrôle total de la configuration, il est possible d'adapter Eye-Able, au-delà du configurateur, à son propre site web. Les avantages d'une telle personnalisation sont décrits dans l'article « Quels sont les avantages d'une personnalisation initiale ? ». Ces personnalisations nécessitent une bonne maîtrise du HTML et du CSS. C'est pourquoi nous proposons, pour chaque site web, une option de test et d'optimisation complète d'Eye-Able. Cependant, certaines options de personnalisation restent accessibles à tout moment aux utilisateurs non gérés d'Eye-Able. Les paramètres disponibles sont présentés ci-dessous.

Remarque : Les configurations suivantes ne représentent qu'un sous-ensemble des paramètres disponibles dans une optimisation complète via Eye-Able.

Pour étendre la configuration Eye-Able, des paires clé-valeur supplémentaires doivent être ajoutées à la variable eyeAble_pluginConfig. Un exemple de configuration est disponible ici. (https://www.eye-able-cdn.com/example.js ).

Outre l'intégration directe de la configuration, il est également possible de modifier la configuration Eye-Able via une fonction distincte. Pour modifier vous-même la configuration, utilisez la méthode via… la méthode eyeAble_updateConfig() donc recommandé :

<script type="text/javascript" >
    function eyeAble_updateConfig() {
        eyeAble_pluginConfig.topPosition = "200px"; //Verändere die Top-Position des Icons
        eyeAble_pluginConfig.maxMagnification = 10;
        if(eyeAble_pluginConfig.blacklistContrast){
            //append to the existing rules, otherwise they get overwritten
            eyeAble_pluginConfig.blacklistContrast += ".myClass";
        } else {
            eyeAble_pluginConfig.blacklistContrast = ".myClass";
        }
    }
</script>

Les paramètres qui ne doivent pas être modifiés peuvent être mis en commentaire.

Grossissement:

Les paramètres suivants permettent de limiter le grossissement :

• grossissement maximal : [int] Décrit le grossissement maximal (par défaut : 21)

• grossissement mobile maximal : [int] Décrit le grossissement mobile maximal (par défaut : 3).

Position:

Les paramètres suivants permettent de modifier la position de l'icône principale :

• topPosition : [Chaîne de caractères] Définit la position supérieure de l'icône sur le bureau en % ou px (par défaut : « 10 % »)

• position droite : [Chaîne de caractères] Définit la position droite de l'icône sur le bureau en pixels. Si sidePosition est défini sur « left », la position gauche sera définie (par défaut : « 10px »).

• position en bas mobile : [String] Définit la position inférieure de l'icône mobile en % ou px (par défaut : "15%").

• position mobile droite : [String] Définit la position correcte de l'icône mobile en px (par défaut : "10px").

• position latérale : [Chaîne de caractères] Définit le côté d'apparition de l'icône : « gauche » ou « droite » (par défaut : « droite »)

Apparence:

Les paramètres suivants permettent de modifier l'apparence :

• mainIconAlt : [int] Modifie l'icône principale parmi trois variantes : 0, 1 ou 2 (par défaut : 0)

• taille de l'icône : [int] Modifie la taille de l'icône sur le bureau, valeurs recommandées entre 50 et 70 pixels (par défaut : 70 px)

• taille de l'icône mobile : [int] Modifie la taille de l'icône mobile, valeurs recommandées entre 35 et 50 pixels (par défaut : 50px).

Lecteur d'écran :

Les paramètres suivants peuvent être utilisés pour modifier les classes CSS de personnalisation :

• customSrBlacklistCSS : [String] Modifie la classe CSS des éléments à exclure (par défaut : eyeAble_SrSkip).

• customSrStartCSS : [String] Modifie la classe CSS du nouvel élément de départ (par défaut : eyeAble_SrStart).

• CSS personnalisé SrText : [String] Modifie la classe CSS du bloc à lire (par défaut : eyeAble_SrText).

Exclure des éléments des fonctions :

Les paramètres suivants permettent d'exclure certains éléments des fonctions de Eye-Able. Ceci est utile pour le texte qui déborde de son conteneur lors d'un zoom, ou pour les éléments dont les couleurs ne doivent pas être modifiées par le contraste ou le mode nuit. Les éléments peuvent être sélectionnés à l'aide des sélecteurs CSS natifs. Plus d'informations ici Plusieurs sélecteurs CSS sont séparés par des virgules. Cette exception s'applique également à tous les enfants des éléments sélectionnés !

• liste noireContraste : [Chaîne de caractères] Exclure les éléments du réglage des couleurs du contraste ou du mode nuit.

Par exemple

• blacklistFontsize : [Chaîne de caractères] Exclure les éléments de l'agrandissement de la police.

Par exemple

• fond blanc forcé : [Chaîne de caractères] Force un fond blanc lorsque le mode nuit ou contraste est activé.