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

Se controllate la configurazione da soli, potete personalizzare Eye-Able - al di là del configuratore - per il vostro sito web. I vantaggi di tale personalizzazione sono descritti nell'articolo "Quali sono i vantaggi della personalizzazione iniziale?". Per effettuare queste personalizzazioni è necessaria una conoscenza avanzata di HTML e CSS. Per questo motivo offriamo l'opzione di un controllo e di un'ottimizzazione Eye-Able completa per ogni sito web. Tuttavia, alcune di queste opzioni di personalizzazione sono disponibili per gli utenti non gestiti di Eye-Able in qualsiasi momento. Le impostazioni disponibili sono presentate di seguito.

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

Per estendere la configurazione di Eye-Able, è necessario aggiungere ulteriori 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, è possibile apportare modifiche alla configurazione di eye-ble utilizzando una funzione separata. Si consiglia quindi di utilizzare il metodo eyeAble_updateConfig()per poter apportare modifiche alla configurazione:

<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 (valore 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 (valore predefinito: "15%").
• mobileRightPosition: [Stringa] Imposta la posizione destra dell'icona mobile in px (valore 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 raccomandati tra 50-70 pixel (valore predefinito: 70px).
• mobileIconSize: [int] Modifica la dimensione dell'icona mobile, valori raccomandati tra 35-50 pixel (valore predefinito: 50px).

Lettore di schermo:

Le classi CSS di personalizzazione possono essere modificate con i seguenti parametri:

• customSrBlacklistCSS: [String] Cambia la classe CSS per gli elementi da escludere (predefinito: eyeAble_SrSkip).
• customSrStartCSS: [Stringa] Cambia la classe CSS per il nuovo elemento iniziale (predefinito: eyeAble_SrStart)
• customSrTextCSS: [String] Cambia la classe CSS per il blocco da pre-leggere (predefinito: eyeAble_SrText).

Escludere elementi dalle funzioni:

I seguenti parametri possono essere utilizzati per escludere alcuni elementi dalle funzioni Eye-Able. Ciò è utile per il testo che esce dal suo contenitore quando viene ingrandito o per gli elementi i cui colori non devono essere regolati dal contrasto o dalla modalità notturna. 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: [Stringa] Escludere gli elementi dall'ingrandimento del carattere

ad esempio

 

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