Créditos de las fotos: Cualquier IP Ltd, Enlace al autor es https://anyip.io/ y Simplex - Diseño Web Sydney 

Si comprueba usted mismo la configuración, podrá personalizar Eye-Able -más allá del configurador- para su propio sitio web. Las ventajas de dicha personalización se describen en el artículo "¿Cuáles son las ventajas de la personalización inicial?". Para realizar estas personalizaciones se requieren conocimientos avanzados de HTML y CSS. Por ello, ofrecemos la opción de una revisión y optimización completas de Eye-Able para cada sitio web. No obstante, algunas de estas opciones de personalización están disponibles para los usuarios no administrados de Eye-Able en cualquier momento. A continuación se presentan las opciones disponibles.

Nota: Las siguientes configuraciones son sólo un subconjunto de los parámetros disponibles en una optimización completa de Eye-Able.

Para ampliar la configuración de Eye-Able, deben añadirse pares clave-valor adicionales a la variable eyeAble_pluginConfig. Puede encontrar un ejemplo de configuración aquí(https://www.eye-able-cdn.com/example.js)

Además de integrar la configuración directamente en línea, los cambios en la configuración de eye-ble también se pueden hacer usando una función separada. Por lo tanto, se recomienda el método a través del método eyeAble_updateConfig()para poder realizar cambios en la configuración usted mismo:

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

Puede comentar los parámetros que no deben modificarse.

Aumento:

Existen los siguientes parámetros para limitar el aumento:

• maxMagnification: [int] Describe el aumento máximo (por defecto: 21)
• maxMobileMagnification: [int] Describe el máximo aumento móvil (por defecto: 3)

Cargo:

Existen los siguientes parámetros para cambiar la posición del icono principal:

• topPosition: [Cadena] Establece la posición superior del icono en el escritorio en % o px (por defecto: "10%")
• rightPosition: [Cadena] Establece la posición derecha del icono en el escritorio en px. Si sidePosition es "left", se establece la posición izquierda (por defecto: "10px").
• mobileBottomPosition: [Cadena] Establece la posición inferior del icono móvil en % o px (por defecto: "15%")
• mobileRightPosition: [Cadena] Establece la posición derecha del icono móvil en px (por defecto: "10px")
• sidePosition: [Cadena] Establece el lado en el que aparece el icono "izquierda" o "derecha" (por defecto: "derecha")

Apariencia:

Existen los siguientes parámetros para cambiar la apariencia:

• mainIconAlt: [int] Cambia el icono principal entre tres variantes 0, 1 o 2 (por defecto: 0)
• iconSize: [int] Cambia el tamaño del icono en el escritorio, valores recomendados entre 50-70 píxeles (por defecto: 70px)
• mobileIconSize: [int] Cambia el tamaño del icono móvil, valores recomendados entre 35-50 píxeles (por defecto: 50px)

Lector de pantalla:

Las clases CSS de personalización pueden modificarse con los siguientes parámetros:

• customSrBlacklistCSS: [Cadena] Cambia la clase CSS de los elementos a excluir (por defecto: eyeAble_SrSkip).
• customSrStartCSS: [Cadena] Cambia la clase CSS para el nuevo elemento de inicio (por defecto: eyeAble_SrStart).
• customSrTextCSS: [String] Cambia la clase CSS para el bloque a preleer (por defecto: eyeAble_SrText )

Excluir elementos de las funciones:

Los siguientes parámetros pueden utilizarse para excluir determinados elementos de las funciones Eye-Able. Esto es útil para texto que se sale de su contenedor cuando se amplía, o para elementos cuyos colores no deben ser ajustados por el contraste o el modo nocturno. Los elementos pueden seleccionarse mediante selectores CSS nativos (más información aquí(https://www.w3schools.com/cssref/css_selectors.asp). Los selectores CSS múltiples se separan por comas. La excepción también se aplica a todos los hijos de los elementos seleccionados.

• blacklistContrast: [String] Excluir elementos del ajuste de color del contraste o del modo noche.

Por ejemplo

• blacklistFontsize: [String] Excluir elementos de la ampliación de la fuente

Por ejemplo

 

• forceWhiteBackground: [Cadena] Fuerza un fondo blanco cuando se activa el modo noche o contraste.