Som standard er hjelpeprogramvaren Eye-Able® integrert i et nettsted som et ikon som er festet i forhold til visningsvinduet. Denne plasseringen i kombinasjon med ikoner med høy kontrast har i brukertester vist seg å være enkel å bruke, selv for brukere med sterkt nedsatt syn. Eye-Able® kan imidlertid også integreres direkte på nettstedet uten problemer. Dette gjør det mulig å integrere den i nav-linjen eller andre eksisterende containere.
Som et alternativ til det vanlige ikonet kan et hvilket som helst element på siden brukes. "Åpne- og lukke"-funksjonene til det vanlige ikonet er knyttet til dette elementet. Det nye målelementet må opprettes eller tilpasses for dette formålet!
For å opprette lenken må CSS-ID-en"eyeAble_customToolOpenerID" legges til 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. Posisjonen til verktøylinjen er fortsatt der den ville vært med den vanlige logoen.
Hvis det skal legges inn flere åpne/lukke-knapper, må CSS-klassen "eyeAble_customToolOpenerClass" brukes. Oppførselen er identisk med CSS-ID-metoden.
Merk: På alle undersider der det ikke finnes noe slikt element med eyeAble_customToolOpenerID-ID eller eyeAble_customToolOpenerClass-klassen vil den vanlige logoen fortsatt vises!
Hvis Eye-Able skal lenkes til et element på siden uten å skjule hovedlogoen, må "eyeAble_customToolOpenerNoHideClass"." CSS-klassen brukes.
Det er også mulig å åpne verktøylinjen Eye-Able direkte via en lenke. Det er bare å sette lenkemålet til "javascript:EyeAbleAPI.toggleToolbar()".
Sørg for at tilgangspunktet for Eye-Able er tilgjengelig med tastaturet og har tekst som er tilgjengelig for skjermlesere. En mulig tekst her kan være: "Åpne programvare for visuell assistanse. Tilgjengelig med tastaturet via ALT + 1".
For demonstrasjonsformål er denne innebyggingen gjort på denne siden med følgende logo:
Du kan laste ned og legge inn Eye-Able -logoen her (eller som SVG her):