Por defecto, el software de asistencia Eye-Able® se integra en una página web como un icono fijo en relación con la ventana de visualización. Esta ubicación destacada, junto con los iconos de alto contraste, ha demostrado en pruebas con usuarios que facilita su uso, incluso para usuarios con discapacidad visual grave. No obstante, Eye-Able® también se puede integrar sin problemas directamente en la página web. De este modo, es posible integrarlo en la barra de navegación u otros contenedores ya existentes.

Como alternativa al icono habitual, se puede utilizar cualquier elemento de la página. A este elemento se le asignarán las funciones de «abrir» y «cerrar» del icono habitual. Para ello, ¡el nuevo elemento de destino debe crearse o adaptarse!

Para establecer el enlace, hay que añadir al nuevo elemento de destino el identificador CSS«eyeAble_customToolOpenerID». En cuanto haya un elemento con este identificador en una página, se ocultará el logotipo habitual y se añadirá un detector de eventos correspondiente a este evento. La barra de herramientas seguirá estando en el mismo lugar en el que se encontraría con el logotipo habitual.

Si se quieren integrar varios botones para abrir y cerrar, también se puede utilizar laclase CSS «eyeAble_customToolOpenerClass». El comportamiento es idéntico al delmétodo con ID CSS.

Nota: En todas las subpáginas en las que no exista un elemento de este tipo con el ID «eyeAble_customToolOpenerID» o clase «eyeAble_customToolOpenerClass»  , seguirá mostrándose el logotipo habitual.

Si se desea vincular Eye-Able a un elemento de la página sin ocultar el logotipo principal, se puede utilizar la clase«eyeAble_customToolOpenerNoHideClass».

También es posible abrir la barra de herramientas Eye-Able directamente a través de un enlace. Para ello, solo tiene que introducir «javascript:EyeAbleAPI.toggleToolbar()» como destino del enlace. 

Asegúrese de que se pueda acceder al punto de acceso de Eye-Able mediante el teclado y de que incluya un texto accesible para los lectores de pantalla. Una posible etiqueta podría ser: «Abrir el software de asistencia visual. Accesible desde el teclado con ALT + 1».

A modo de ejemplo, en esta página se ha realizado esta integración con el siguiente logotipo: