Integrering af Eye-Able direkte på siden

Som standard er Eye-Able®-hjælpesoftwaren integreret i en webside som et fast ikon i forhold til visningsfeltet. Denne nuværende position i kombination med ikoner med høj kontrast har vist sig at være nem at bruge i brugertests, selv for synshandicappede brugere. Eye-Able® kan dog også integreres direkte i websiden uden problemer. Dette muliggør integration i navigationslinjen eller andre eksisterende containere.

Som et alternativ til det almindelige ikon kan ethvert element på siden bruges. Funktionerne "åbn og luk" i det almindelige ikon er knyttet til dette element. Det nye målelement skal oprettes eller tilpasses til dette formål!

For at oprette linket skal CSS-ID'et " eyeAble_customToolOpenerID " skal tilføjes til det nye målelement. Så snart et element med dette ID findes på en side, skjules det sædvanlige logo, og en tilsvarende EventListener tilføjes til denne hændelse. Værktøjslinjens position er stadig, hvor den ville være med det almindelige logo.

Hvis der skal integreres flere åbne/lukke-knapper, CSS-klassen " eyeAble_customToolOpenerKlasse " kan også bruges. De opførslen er identisk med CSS-ID-metoden .

Bemærk: På alle undersider, hvor der ikke findes et sådant element med eyeAble_customToolOpenerID-ID- eller eyeAble_customToolOpenerClass-klassen, vil det almindelige logo fortsat blive vist!

Hvis Eye-Able skal linkes til et element på siden uden at skjule hovedlogoet, " eyeAble_customToolOpenerNoSkjulKlasse "CSS-klassen kan bruges."

Det er også muligt at åbne Eye-Able-værktøjslinjen direkte via et link. Du skal blot indstille linkmålet til "javascript:EyeAbleAPI.toggleToolbar()".

Sørg for, at adgangspunktet til Eye-Able er tilgængeligt med tastaturet og har tekst, der er tilgængelig for skærmlæsere. En mulig billedtekst her ville være: "Åbn visuel hjælpesoftware. Tilgængelig med tastaturet via ALT + 1".

Eye-Able-logoet til download og indlejring kan findes som SVG her .