Per impostazione predefinita, il software di assistenza Eye-Able® è integrato in un sito web come icona fissa rispetto al viewport. Questa posizione attuale, in combinazione con icone ad alto contrasto, si è dimostrata facile da usare nei test degli utenti, anche per gli utenti con gravi problemi di vista. Eye-Able® può tuttavia essere incorporato direttamente nel sito web senza alcun problema. Ciò rende possibile l'integrazione nella barra di navigazione o in altri contenitori esistenti.
In alternativa alla normale icona, è possibile utilizzare qualsiasi elemento della pagina. Le funzioni di "apertura e chiusura" dell'icona regolare sono collegate a questo elemento. Il nuovo elemento di destinazione deve essere creato o adattato a questo scopo!
Per creare il collegamento, l'ID CSS"eyeAble_customToolOpenerID" deve essere aggiunto al nuovo elemento di destinazione. Non appena un elemento con questo ID esiste in una pagina, il logo abituale viene nascosto e a questo evento viene aggiunto un EventListener corrispondente. La posizione della barra degli strumenti è ancora quella del logo normale.
Se devono essere incorporati più pulsanti di apertura/chiusura, la classe CSS "eyeAble_customToolOpenerClass" può anche essere utilizzato. Il comportamento è identico a quello del metodo CSS-ID.
Nota: in tutte le sottopagine in cui non esiste un elemento con eyeAble_customToolOpenerID-ID o classe eyeAble_customToolOpenerClass il logo normale continuerà ad essere visualizzato!
Se Eye-Able deve essere collegato a un elemento della pagina senza nascondere il logo principale, il simbolo "eyeAble_customToolOpenerNoHideClass"È possibile utilizzare la classe CSS.
È anche possibile aprire la barra degli strumenti di Eye-Able direttamente tramite un link. È sufficiente impostare la destinazione del collegamento su "javascript:EyeAbleAPI.toggleToolbar()".
Assicuratevi che il punto di accesso a Eye-Able sia accessibile con la tastiera e che il testo sia accessibile ai lettori di schermo. Una possibile didascalia potrebbe essere: "Software di assistenza visiva aperto". Accessibile con la tastiera tramite ALT + 1".
A scopo dimostrativo, questo incorporamento viene effettuato su questa pagina con il seguente logo:
È possibile scaricare e incorporare il logo Eye-Able qui (o come SVG qui):