Créditos fotográficos: Any IP Ltd, enlace al autor:https://anyip.io/ y Simplex – Diseño web en Sídney 

Al realizar una comprobación propia de la configuración, es posible adaptar Eye-Able a tu propia página web, más allá de lo que ofrece el configurador. Las ventajas de esta adaptación se describen en el artículo «¿Qué ventajas me aporta una adaptación inicial?». Para llevar a cabo estas adaptaciones es necesario tener conocimientos avanzados de HTML y CSS. Por ello, ofrecemos para cada página web la opción de una revisión y optimización completas de Eye-Able. No obstante, algunos de estos ajustes están disponibles en todo momento para los usuarios no gestionados de Eye-Able. A continuación se presentan los ajustes disponibles.

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

Para ampliar la configuración de Eye-Able, es necesario añadir más pares clave-valor a la variable eyeAble_pluginConfig. Aquí encontrará un ejemplo de configuración (https://www.eye-able-cdn.com/example.js)

Además de integrar la configuración directamente en el código, los cambios en la configuración de Eye-Able también pueden realizarse mediante una función independiente. Por lo tanto, para poder realizar cambios en la configuración por cuenta propia, se recomienda utilizar el método 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>

Los parámetros que no se deban modificar se pueden comentar.

Ampliación:

Existen los siguientes parámetros para limitar el aumento:

• maxMagnification: [int] Indica el aumento máximo (por defecto: 21)
• maxMobileMagnification: [int] Indica el nivel máximo de ampliación en dispositivos móviles (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: [String] Establece la posición derecha del icono en el escritorio en píxeles. Si sidePosition está configurado en «left», se establece la posición izquierda (por defecto: «10px»)
• mobileBottomPosition: [String] Establece la posición inferior del icono en dispositivos móviles en % o px (por defecto: «15 %»)
• mobileRightPosition: [cadena] Establece la posición a la derecha del icono móvil en píxeles (por defecto: «10px»)
• sidePosition: [String] Establece el lado en el que aparece el icono: «left» o «right» (por defecto: «right»)

Aspecto:

Existen los siguientes parámetros para modificar el aspecto:

• mainIconAlt: [ int] Cambia el icono principal entre tres opciones: 0, 1 o 2 (por defecto: 0)
• iconSize: [int] Cambia el tamaño del icono en el escritorio; los valores recomendados oscilan entre 50 y 70 píxeles (por defecto: 70 px)
• mobileIconSize: [int] Modifica el tamaño del icono en dispositivos móviles; valores recomendados entre 35 y 50 píxeles (por defecto: 50 px)

Lector de pantalla:

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

• customSrBlacklistCSS: [cadena] Modifica la clase CSS de los elementos que se deben excluir (por defecto: eyeAble_SrSkip)
• customSrStartCSS: [ Cadena] Modifica la clase CSS del nuevo elemento de inicio (por defecto: eyeAble_SrStart)
• customSrTextCSS: [cadena] Modifica la clase CSS del bloque que se va a leer (por defecto: eyeAble_SrText)

Excluir elementos de las funciones:

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

• blacklistContrast: [Cadena] Excluye elementos del ajuste de color del modo de contraste o del modo nocturno.

p. ej.,

• blacklistFontsize: [Cadena] Excluir elementos del aumento de tamaño de la fuente

p. ej.,

• forceWhiteBackground: [ String] Impone un fondo blanco cuando el modo nocturno o el modo de contraste están activados