Eye-Able rechtstreeks in de pagina insluiten

Standaard is de assistentiesoftware Eye-Able® geïntegreerd in een webpagina als een vast pictogram ten opzichte van het zichtbare gedeelte van de pagina. Deze huidige positie in combinatie met contrastrijke pictogrammen is in gebruikerstests gebruiksvriendelijk gebleken, zelfs voor visueel gehandicapte gebruikers. Eye-Able® kan echter ook probleemloos direct in de webpagina worden ingesloten. Dit maakt integratie in de navigatiebalk of andere bestaande containers mogelijk.

Als alternatief voor het standaardpictogram kan elk element op de pagina worden gebruikt. De "openen en sluiten"-functies van het standaardpictogram zijn gekoppeld aan dit element. Het nieuwe doelelement moet hiervoor worden aangemaakt of aangepast!

Om de link te maken, wordt de CSS-ID " eyeAble_customToolOpenerID " moet worden toegevoegd aan het nieuwe doelelement. Zodra een element met deze ID op een pagina bestaat, wordt het gebruikelijke logo verborgen en wordt een bijbehorende EventListener aan deze gebeurtenis toegevoegd. De positie van de toolbar blijft op dezelfde plaats als met het normale logo.

Als er meerdere open/sluitknoppen moeten worden ingebouwd, dan CSS-klasse " eyeAble_customToolOpenerClass " kan ook gebruikt worden. De Het gedrag is identiek aan dat van de CSS-ID-methode. .

Let op: Op alle subpagina's waar geen element met de klasse eyeAble_customToolOpenerID-ID of eyeAble_customToolOpenerClass aanwezig is, blijft het reguliere logo weergegeven!

Als Eye-Able gekoppeld moet worden aan een element op de pagina zonder het hoofdlogo te verbergen, dan... " eyeAble_customToolOpenerNoHideClass "CSS-klassen kunnen worden gebruikt."

Het is ook mogelijk om de Eye-Able-werkbalk rechtstreeks via een link te openen. Stel hiervoor eenvoudigweg het linkdoel in op "javascript:EyeAbleAPI.toggleToolbar()".

Zorg ervoor dat het toegangspunt voor Eye-Able toegankelijk is via het toetsenbord en dat de tekst leesbaar is voor schermlezers. Een mogelijke tekst zou bijvoorbeeld kunnen zijn: "Open software voor visuele ondersteuning. Toegankelijk via het toetsenbord met ALT + 1".

Het Eye-Able-logo voor downloaden en insluiten is te vinden als SVG hier .