Por defecto, el software de asistencia Eye-Able® se integra en un sitio web como icono fijo en relación con la ventana gráfica. Esta posición prominente, junto con iconos de alto contraste, ha demostrado su facilidad de uso en las pruebas realizadas con usuarios, incluso con deficiencias visuales graves. Sin embargo, Eye-Able® también puede incrustarse directamente en el sitio web sin ningún problema. Esto permite su integración en la barra de navegación o en otros contenedores existentes.

Cualquier elemento de la página puede utilizarse como alternativa al icono normal. Las funciones "abrir y cerrar" del icono normal están vinculadas a este elemento. Para ello, debe crearse o personalizarse el nuevo elemento de destino.

Para crear el enlace, debe añadirse el ID CSS"eyeAble_customToolOpenerID" al nuevo elemento de destino. Tan pronto como un elemento con este ID existe en una página, el logo habitual se oculta y se añade un EventListener correspondiente a este evento. La posición de la barra de herramientas sigue siendo la que tendría con el logotipo habitual.

Si se van a incrustar varios botones de abrir/cerrar, la clase CSS "eyeAble_customToolOpenerClass" también puede ser utilizada. El comportamiento es idéntico al delmétodo CSS ID.

Nota: En todas las subpáginas en las que no exista tal elemento con el ID eyeAble_customToolOpenerID o la clase clase eyeAble_customToolOpenerClass se seguirá mostrando el logotipo normal.

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

También es posible abrir la barra de herramientas de Eye-Able directamente a través de un enlace. Para ello, basta con establecer "javascript:EyeAbleAPI.toggleToolbar()" como destino del enlace . 

Asegúrate de que el punto de acceso para Eye-Able pueda alcanzarse con el teclado y tenga un texto accesible para los lectores de pantalla. Un posible etiquetado sería: "Abrir software de asistencia visual. Accesible con el teclado mediante ALT + 1".

A efectos de demostración, esta incrustación se realiza en esta página con el siguiente logotipo: