Incorporare Eye-Able direttamente nella pagina

Per impostazione predefinita, il software di assistenza Eye-Able® è integrato in una pagina web come icona fissa rispetto alla finestra del browser. Questa posizione, in combinazione con icone ad alto contrasto, si è dimostrata facile da usare nei test utente, anche per gli utenti ipovedenti. Tuttavia, Eye-Able® può anche essere incorporato direttamente nella pagina web senza alcun problema. Ciò consente l'integrazione nella barra di navigazione o in altri contenitori esistenti.

In alternativa all'icona standard, è possibile utilizzare qualsiasi elemento della pagina. Le funzioni di "apertura e chiusura" dell'icona standard sono collegate a questo elemento. Il nuovo elemento di destinazione deve essere creato o adattato appositamente!

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 su una pagina, il logo normale viene nascosto e viene aggiunto un EventListener corrispondente a questo evento. La posizione della barra degli strumenti rimane quella che avrebbe con il logo normale.

Se si devono incorporare più pulsanti di apertura/chiusura, classe CSS " eyeAble_customToolOpenerClass " può essere utilizzato anche. IL il comportamento è identico al metodo CSS-ID .

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

Se Eye-Able deve essere collegato a un elemento della pagina senza nascondere il logo principale, " eyeAble_customToolOpenerNoHideClass "È possibile utilizzare la classe CSS."

È anche possibile aprire la barra degli strumenti Eye-Able direttamente tramite un collegamento. È sufficiente impostare la destinazione del collegamento su "javascript:EyeAbleAPI.toggleToolbar()".

Assicurati che il punto di accesso per Eye-Able sia accessibile tramite tastiera e che il testo sia leggibile dagli screen reader. Un possibile testo di esempio potrebbe essere: "Apri il software di assistenza visiva. Accessibile tramite tastiera con ALT + 1".

Il logo Eye-Able per il download e l'incorporamento è disponibile come SVG qui .