Som standard er Eye-Able®-assistanseprogramvaren integrert i et nettsted som et fast ikon i forhold til visningsvinduet. Denne fremtredende plasseringen i kombinasjon med ikoner med høy kontrast har vist seg å være enkel å bruke i brukertester, selv for brukere med alvorlige synshemninger. Eye-Able® kan imidlertid også integreres direkte på nettstedet uten problemer. Dette muliggjør integrering i navigasjonsfeltet eller andre eksisterende containere.

Et hvilket som helst element på siden kan brukes som et alternativ til det vanlige ikonet. "Åpne og lukk"-funksjonene til det vanlige ikonet er knyttet til dette elementet. Det nye målelementet må opprettes eller tilpasses for dette!

For å opprette lenken måCSS-ID-en "eyeAble_customToolOpenerID" legges til i det nye målelementet. Så snart et element med denne ID-en finnes på en side, skjules den vanlige logoen, og en tilsvarende EventListener legges til denne hendelsen. Verktøylinjens posisjon er fortsatt der den ville vært med den vanlige logoen.

Hvis flere åpne/lukke-knapper skal legges inn, skal CSS-klassen "eyeAble_customToolOpenerClass" kan også brukes. Oppførselen er identisk medCSS ID-metoden.

Merk: På alle undersider der det ikke finnes et slikt element med eyeAble_customToolOpenerID ID eller eyeAble_customToolOpenerClass-klasse vil den vanlige logoen fortsette å vises!

Hvis Eye-Able skal kobles til et element på siden uten å skjule hovedlogoen, må "eyeAble_customToolOpenerNoHideClass" CSS-klassen kan brukes.

Det er også mulig å åpne Eye-Able-verktøylinjen direkte via en lenke. Dette gjør du ved å angi "javascript:EyeAbleAPI.toggleToolbar()" som mål for lenken. 

Sørg for at tilgangspunktet for Eye-Able kan nås med tastaturet og har en tekst som er tilgjengelig for skjermlesere. En mulig merking kan være: "Åpne programvaren for visuell assistanse. Tilgjengelig med tastaturet via ALT + 1"

For demonstrasjonsformål utføres denne innbyggingen på denne siden med følgende logo: