Insertar Eye-Able directamente en la página

Por defecto, el software de asistencia Eye-Able® se integra en la página web como un icono fijo en relación con la ventana gráfica. Esta posición, junto con iconos de alto contraste, ha demostrado ser fácil de usar en pruebas de usuario, incluso para personas con discapacidad visual. Sin embargo, Eye-Able® también puede integrarse directamente en la página web sin problemas. Esto permite su integración en la barra de navegación u otros contenedores existentes.

Como alternativa al icono habitual, se puede utilizar cualquier elemento de la página. Las funciones de "abrir y cerrar" del icono habitual están vinculadas a este elemento. ¡El nuevo elemento de destino debe crearse o adaptarse para este propósito!

Para crear el enlace, el ID CSS " eyeAble_customToolOpenerID " debe agregarse al nuevo elemento de destino. Tan pronto como exista un elemento con este ID en una página, el logotipo habitual se ocultará y se agregará un EventListener correspondiente a este evento. La posición de la barra de herramientas seguirá siendo la misma que tendría con el logotipo habitual.

Si se van a incorporar varios botones de abrir/cerrar, Clase CSS " eyeAble_customToolOpenerClass " también se puede utilizar. El El comportamiento es idéntico al del método CSS-ID. .

Nota: En todas las subpáginas donde no exista ningún elemento con la clase eyeAble_customToolOpenerID-ID o eyeAble_customToolOpenerClass, se seguirá mostrando el logotipo habitual.

Si Eye-Able debe vincularse a un elemento de la página sin ocultar el logotipo principal, " eyeAble_customToolOpenerNoHideClass "Se puede utilizar la clase CSS."

También es posible abrir la barra de herramientas Eye-Able directamente a través de un enlace. Simplemente configure el destino del enlace en "javascript:EyeAbleAPI.toggleToolbar()".

Asegúrese de que el punto de acceso para Eye-Able sea accesible mediante el teclado y que el texto sea accesible para lectores de pantalla. Un posible texto sería: "Abrir software de asistencia visual. Accesible mediante el teclado con ALT + 1".

El logotipo Eye-Able para descargar e incrustar se puede encontrar como SVG aquí .