Bädda in Eye-Able direkt på sidan

Som standard är Eye-Able®-hjälpprogrammet integrerat i en webbsida som en fast ikon i förhållande till visningsområdet. Denna nuvarande position i kombination med ikoner med hög kontrast har visat sig vara enkel att använda i användertester, även för synskadade användare. Eye-Able® kan dock även bäddas in direkt i webbsidan utan problem. Detta möjliggör integration i navigeringsfältet eller andra befintliga behållare.

Som ett alternativ till den vanliga ikonen kan vilket element som helst på sidan användas. Funktionerna "öppna och stäng" för den vanliga ikonen är länkade till detta element. Det nya målelementet måste skapas eller anpassas för detta ändamål!

För att skapa länken, CSS-ID:t " eyeAble_customToolOpenerID " måste läggas till i det nya målelementet. Så snart ett element med detta ID finns på en sida döljs den vanliga logotypen och en motsvarande EventListener läggs till i denna händelse. Verktygsfältets position är fortfarande där den skulle vara med den vanliga logotypen.

Om flera öppna/stäng-knappar ska bäddas in, CSS-klassen " eyeAble_customToolOpener-klass " kan också användas. De beteendet är identiskt med CSS-ID-metoden .

Obs: På alla undersidor där det inte finns något sådant element med klassen eyeAble_customToolOpenerID-ID eller eyeAble_customToolOpenerClass kommer den vanliga logotypen att fortsätta visas!

Om Eye-Able ska länkas till ett element på sidan utan att dölja huvudlogotypen, " eyeAble_customToolOpenerNoDöljKlass "CSS-klassen kan användas."

Det är också möjligt att öppna Eye-Able-verktygsfältet direkt via en länk. Ställ bara in länkmålet till "javascript:EyeAbleAPI.toggleToolbar()".

Se till att åtkomstpunkten för Eye-Able är tillgänglig med tangentbordet och har text som är tillgänglig för skärmläsare. En möjlig bildtext här skulle vara: "Öppna programvara för visuell hjälp. Tillgänglig med tangentbordet via ALT + 1".

Eye-Able-logotypen för nedladdning och inbäddning finns som SVG här .