Standaard wordt de Eye-Able®-hulpprogramma-software als een pictogram op een webpagina geïntegreerd, dat ten opzichte van het weergavegebied vaststaat. Deze opvallende positie, in combinatie met pictogrammen met een hoog contrast, is in gebruikerstests bewezen gebruiksvriendelijk te zijn, ook voor gebruikers met een ernstige visuele beperking. Eye-Able® kan echter ook probleemloos rechtstreeks in de webpagina worden ingebed. Zo is integratie in de navigatiebalk of andere bestaande containers mogelijk.

Als alternatief voor het standaardpictogram kan elk willekeurig element op de pagina worden gebruikt. Aan dit element worden de functies ‘Openen’ en ‘Sluiten’ van het standaardpictogram gekoppeld. Het nieuwe doelelement moet hiervoor zelf worden aangemaakt of aangepast!

Om de koppeling tot stand te brengen, moet aan het nieuwe doelelement de CSS-ID„eyeAble_customToolOpenerID“worden toegevoegd. Zodra er op een pagina een element met deze ID aanwezig is, wordt het gebruikelijke logo verborgen en wordt aan deze gebeurtenis een bijbehorende eventlistener toegevoegd. De werkbalk blijft op dezelfde plek staan als waar het reguliere logo zich zou bevinden.

Als er meerdere knoppen voor het openen/sluiten moeten worden ingebed, kan ook deCSS-klasse „eyeAble_customToolOpenerClass” worden gebruikt. Het gedrag is identiek aan dat van deCSS-ID-methode.

Opmerking: Op alle subpagina’s waarop geen dergelijk element met de ID eyeAble_customToolOpenerID of eyeAble_customToolOpenerClass-klasse  voorkomt, wordt het reguliere logo nog steeds weergegeven!

Als Eye-Able aan een element op de pagina moet worden gekoppeld zonder het hoofdlogo te verbergen, kan de„eyeAble_customToolOpenerNoHideClass” CSS-klasse worden gebruikt.

Het is ook mogelijk om de Eye-Able-werkbalk rechtstreeks via een link te openen. Stel hiervoor als linkbestemming gewoon „javascript:EyeAbleAPI.toggleToolbar()“ in. 

Zorg ervoor dat het toegangspunt voor Eye-Able via het toetsenbord bereikbaar is en een tekst bevat die toegankelijk is voor schermlezers. Een mogelijke tekst zou bijvoorbeeld kunnen zijn: „Visuele ondersteuningssoftware openen. Bereikbaar via het toetsenbord met ALT + 1“

Ter illustratie is deze integratie op deze pagina uitgevoerd met het volgende logo: