Fotocredits: Any IP Ltd, de link naar de auteur ishttps://anyip.io/ en Simplex – Webdesign Sydney 

Door zelf de configuratie te controleren, kunt u Eye-Able – buiten de configurator om – aanpassen aan uw eigen website. De voordelen van een dergelijke aanpassing worden beschreven in het artikel „Welke voordelen biedt een eerste aanpassing mij?”. Om deze aanpassingen door te voeren, is een grondige kennis van HTML en CSS vereist. Daarom bieden wij voor elke website de mogelijkheid om Eye-Able volledig te controleren en te optimaliseren. Sommige mogelijkheden voor deze aanpassing zijn echter te allen tijde beschikbaar voor niet-Managed-gebruikers van Eye-Able. Hieronder worden de beschikbare instellingen toegelicht.

Opmerking: De volgende configuraties vormen slechts een deel van de parameters die beschikbaar zijn bij een volledige optimalisatie door Eye-Able.

Om de Eye-Able-configuratie uit te breiden, moeten er extra sleutel-waarde-paren worden toegevoegd aan de variabele `eyeAble_pluginConfig`. Een voorbeeldconfiguratie vindt u hier (https://www.eye-able-cdn.com/example.js)

Naast het rechtstreeks inline opnemen van de configuratie, kunnen wijzigingen in de Eye-Able-configuratie ook via een aparte functie worden doorgevoerd. Om zelf wijzigingen in de configuratie te kunnen aanbrengen, wordt daarom het gebruik van de methode eyeAble_updateConfig()aanbevolen:

<script type="text/javascript" >
    function eyeAble_updateConfig() {
        eyeAble_pluginConfig.topPosition = "200px"; //Verändere die Top-Position des Icons
        eyeAble_pluginConfig.maxMagnification = 10;
        if(eyeAble_pluginConfig.blacklistContrast){
            //append to the existing rules, otherwise they get overwritten
            eyeAble_pluginConfig.blacklistContrast += ".myClass";
        } else {
            eyeAble_pluginConfig.blacklistContrast = ".myClass";
        }
    }
</script>

Parameters die niet gewijzigd mogen worden, kunt u uitcommentariëren.

Vergroting:

Er zijn de volgende parameters om de vergroting te beperken:

• maxMagnification: [int] Geeft de maximale vergroting aan (standaard: 21)
• maxMobileMagnification: [int] Geeft de maximale vergroting op mobiele apparaten aan (standaard: 3)

Functie:

Er zijn de volgende parameters beschikbaar om de positie van het hoofdpictogram te wijzigen:

• topPosition: [String] Stelt de top-positie van het pictogram op het bureaublad in % of px in (standaard: „10%“)
• rightPosition: [String] Stelt de positie rechts van het pictogram op het bureaublad in px in. Als sidePosition is ingesteld op „left“, wordt de positie links ingesteld (standaard: „10px“)
• mobileBottomPosition: [String] Stelt de onderkantpositie van het pictogram op mobiele apparaten in, in % of px (standaard: „15%“)
• mobileRightPosition: [String] Stelt de positie rechts van het mobiele pictogram in px in (standaard: „10px“)
• sidePosition: [String] Bepaalt aan welke kant het pictogram wordt weergegeven: „left“ of „right“ (standaard: „right“)

Uiterlijk:

Er zijn de volgende parameters beschikbaar om het uiterlijk aan te passen:

• mainIconAlt: [ int] Wijzig het hoofdpictogram tussen drie varianten: 0, 1 of 2 (standaard: 0)
• iconSize: [int] Pas de grootte van het pictogram op het bureaublad aan; aanbevolen waarden liggen tussen 50 en 70 pixels (standaard: 70px)
• mobileIconSize: [int] Pas de grootte van het pictogram op mobiele apparaten aan; aanbevolen waarden tussen 35 en 50 pixels (standaard: 50px)

Schermlezer:

Met de volgende parameters kun je de CSS-klassen voor aanpassing wijzigen:

• customSrBlacklistCSS: [String] Wijzigt de CSS-klasse voor de elementen die moeten worden overgeslagen (standaard: eyeAble_SrSkip)
• customSrStartCSS: [ String] Wijzigt de CSS-klasse voor het nieuwe start-element (standaard: eyeAble_SrStart)
• customSrTextCSS: [String] Wijzigt de CSS-klasse voor het te lezen blok (standaard: eyeAble_SrText)

Elementen uit functies verwijderen:

Met de volgende parameters kunnen bepaalde elementen worden uitgesloten van de functies van Eye-Able. Dit is handig voor tekst die bij het vergroten buiten de container valt, of voor elementen waarvan de kleuren niet moeten worden aangepast door de contrast- of nachtmodus. Elementen kunnen worden geselecteerd via native CSS-selectoren (meer informatie hier (https://www.w3schools.com/cssref/css_selectors.asp)). Meerdere CSS-selectoren worden gescheiden door komma’s. De uitsluiting geldt ook voor alle onderliggende elementen van de geselecteerde elementen!

• blacklistContrast: [String] Sluit elementen uit van de kleonaanpassing in de contrast- of nachtmodus.

bijv.

• blacklistFontsize: [String] Sluit elementen uit van de lettergroottevergroting

bijv.

 

• forceWhiteBackground: [ String] Dwingt een witte achtergrond af wanneer de nacht- of contrastmodus is ingeschakeld