Per impostazione predefinita, il software di assistenza Eye-Able® è integrato in una pagina web sotto forma di icona fissa rispetto alla finestra di visualizzazione. Questa posizione ben visibile, unita a icone ad alto contrasto, si è dimostrata di facile utilizzo nei test con gli utenti, anche per coloro che presentano gravi limitazioni visive. Tuttavia, Eye-Able® può essere facilmente incorporato direttamente nella pagina web. In questo modo è possibile integrarlo nella barra di navigazione o in altri contenitori esistenti.

In alternativa all'icona standard, è possibile utilizzare qualsiasi elemento presente nella pagina. A tale elemento vengono associate le funzioni di “apertura e chiusura” dell'icona standard. A tal fine, il nuovo elemento di destinazione deve essere creato o modificato manualmente!

Per creare il collegamento, è necessario aggiungere al nuovo elemento di destinazione l'ID CSS“eyeAble_customToolOpenerID”. Non appena in una pagina è presente un elemento con questo ID, il logo standard viene nascosto e a tale evento viene aggiunto un corrispondente listener. La posizione della barra degli strumenti rimane quella in cui si troverebbe se fosse presente il logo standard.

Se si desidera incorporare più pulsanti di apertura/chiusura, è possibile utilizzare anche laclasse CSS “eyeAble_customToolOpenerClass”. Il comportamento è identico a quello delmetodo con ID CSS.

Nota: su tutte le sottopagine in cui non è presente un elemento con l'ID eyeAble_customToolOpenerID o classe eyeAble_customToolOpenerClass  , continuerà a essere visualizzato il logo standard!

Se si desidera collegare Eye-Able a un elemento della pagina senza nascondere il logo principale, è possibile utilizzare il tag“eyeAble_customToolOpenerNoHideClass».

È anche possibile aprire la barra degli strumenti Eye-Able direttamente tramite un link. A tal fine, è sufficiente impostare come destinazione del link “javascript:EyeAbleAPI.toggleToolbar()”. 

Assicuratevi che il punto di accesso per Eye-Able sia raggiungibile tramite tastiera e che contenga un testo accessibile agli screen reader. Una possibile etichetta potrebbe essere: «Apri il software di assistenza visiva. Raggiungibile tramite tastiera con ALT + 1»

A scopo dimostrativo, l'integrazione in questa pagina è stata effettuata utilizzando il seguente logo: