Crediti fotografici: Any IP Ltd, il link all'autore è https://anyip.io/ e Simplex - Web Design Sydney 

Nel caso di un autocontrollo della configurazione, si può adattare Eye-Able - andando oltre il configuratore - al proprio sito web. I vantaggi di un tale adattamento sono descritti nell'articolo "Quali sono i vantaggi di un adattamento iniziale? Per effettuare queste regolazioni, è necessaria una conoscenza avanzata di HTML e CSS. Per ogni sito web, offriamo quindi la possibilità di un controllo completo e dell'ottimizzazione di Eye-Able . Tuttavia, alcune opzioni di questa personalizzazione sono possibili in qualsiasi momento per gli utenti non gestiti di Eye-Able . Le impostazioni disponibili sono presentate di seguito.

Nota: le seguenti configurazioni sono solo un sottoinsieme dei parametri disponibili in un'ottimizzazione completa tramite Eye-Able .

Per estendere la configurazione di Eye-Able , è necessario aggiungere altre coppie chiave-valore alla variabile eyeAble_pluginConfig. È possibile trovare un esempio di configurazione qui(https://www.eye-able-cdn.com/example.js).

Oltre a integrare la configurazione direttamente in linea, le modifiche alla configurazione di Eye-Able possono essere effettuate anche tramite una funzione separata. Per poter apportare modifiche alla configurazione, si consiglia di utilizzare il metodo eyeAble_updateConfig():

<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>

È possibile escludere i parametri che non devono essere modificati.

Ingrandimento:

Per limitare l'ingrandimento esistono i seguenti parametri:

• maxMagnification: [int] Descrive l'ingrandimento massimo (valore predefinito: 21)
• maxMobileMagnification: [int] Descrive l'ingrandimento mobile massimo (valore predefinito: 3).

Posizione:

Per modificare la posizione dell'icona principale esistono i seguenti parametri:

• topPosition: [Stringa] Imposta la posizione superiore dell'icona sul desktop in % o px (predefinito: "10%").
• rightPosition: [String] Imposta la posizione destra dell'icona sul desktop in px. Se sidePosition è impostato su "left", viene impostata la posizione sinistra (valore predefinito: "10px").
• mobileBottomPosition: [Stringa] Imposta la posizione inferiore dell'icona mobile in % o px (predefinito: "15%").
• mobileRightPosition: [Stringa] Imposta la posizione destra dell'icona mobile in px (predefinito: "10px").
• sidePosition: [String] Imposta il lato su cui appare l'icona "sinistra" o "destra" (predefinito: "destra").

Aspetto:

Per modificare l'aspetto esistono i seguenti parametri:

• mainIconAlt: [int] Cambia l'icona principale tra le tre varianti 0, 1 o 2 (predefinito: 0)
• iconSize: [int] Modifica la dimensione dell'icona sul desktop, valori consigliati tra 50-70 pixel (default: 70px).
• mobileIconSize: [int] Modifica la dimensione dell'icona mobile, valori consigliati tra 35-50 pixel (valore predefinito: 50px).

Lettore di schermo:

I seguenti parametri possono essere utilizzati per modificare le classi CSS di regolazione:

• customSrBlacklistCSS: [Cambia la classe CSS degli elementi da escludere (predefinito: eyeAble_SrSkip).
• customSrStartCSS: [Cambia la classe CSS per il nuovo elemento iniziale (predefinito: eyeAble_SrStart).
• customSrTextCSS: [Cambia la classe CSS del blocco da leggere (predefinito: eyeAble_SrText).

Escludere elementi dalle funzioni:

I seguenti parametri possono essere utilizzati per escludere determinati elementi dalle funzioni di Eye-Able . È utile per il testo che esce dal suo contenitore quando viene ingrandito o per gli elementi i cui colori non devono essere regolati dalla modalità contrasto o notte. Gli elementi possono essere selezionati tramite selettori CSS nativi (maggiori informazioni qui(https://www.w3schools.com/cssref/css_selectors.asp). I selettori CSS multipli sono separati da virgole. L'eccezione si applica anche a tutti i figli degli elementi selezionati!

• blacklistContrast: [String] Esclude gli elementi dalla regolazione del colore della modalità contrasto o notte.

ad esempio

• blacklistFontsize: [String] Esclude gli elementi dall'ingrandimento dei caratteri.

ad esempio

 

• forceWhiteBackground: [Stringa] Forza uno sfondo bianco quando è attivata la modalità notturna o di contrasto.