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.