Fotokreditter: Any IP Ltd, lenke til forfatteren er https://anyip.io/ og Simplex – Webdesign Sydney 

Ved å ta kontroll over konfigurasjonen selv, kan du tilpasse Eye-Able til ditt eget nettsted utover det konfiguratoren tilbyr. Fordelene med slik tilpasning er beskrevet i artikkelen «Hva er fordelene med initial tilpasning?». Å gjøre disse justeringene krever avansert forståelse av HTML og CSS. Derfor tilbyr vi en fullstendig gjennomgang og optimalisering av Eye-Able for hvert nettsted. Noen av disse tilpasningsalternativene er imidlertid alltid tilgjengelige for ikke-administrerte Eye-Able-brukere. Følgende avsnitt presenterer de tilgjengelige innstillingene.

Merk: Følgende konfigurasjoner er bare et delsett av parameterne som er tilgjengelige i en fullstendig optimalisering av Eye-Able.

For å utvide Eye-Able-konfigurasjonen må flere nøkkelverdipar legges til i variabelen `eyeAble_pluginConfig`. Et eksempel på konfigurasjon finner du her ( https://www.eye-able-cdn.com/example.js ).

I tillegg til å inkludere konfigurasjonen direkte innebygd, kan endringer i Eye-Able-konfigurasjonen også gjøres via en separat funksjon. For å kunne gjøre endringer i konfigurasjonen selv, anbefales derfor metoden som bruker `eyeAble_updateConfig()` :

<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>

Parametere som ikke skal endres, kan kommenteres ut.

Forstørrelse:

Følgende parametere finnes for å begrense forstørrelsen:

• maxMagnification : [int] Beskriver maksimal forstørrelse (Standard: 21)
• maxMobileMagnification : [int] Beskriver maksimal mobilforstørrelse (Standard: 3)

Posisjon :

Følgende parametere finnes for å endre plasseringen av hovedikonet:

• topPosition: [String] Angir den øverste plasseringen til ikonet på skrivebordet i % eller piksler (Standard: "10%")
• rightPosition: [String] Angir høyre posisjon for ikonet på skrivebordet i piksler. Hvis sidePosition er satt til "venstre", er venstre posisjon satt (standard: "10 piksler").
• mobileBottomPosition : [String] Angir den nederste posisjonen til mobilikonet i % eller piksler (Standard: "15%")
• mobileRightPosition : [String] Angir høyre posisjon for mobilikonet i piksler (Standard: "10 piksler")
• sidePosition : [String] Angir siden ikonet vises på «venstre» eller «høyre» (Standard: «høyre»)

Se:

Følgende parametere finnes for å endre utseendet:

• mainIconAlt: [int] Endre hovedikonet mellom tre varianter 0, 1 eller 2 (Standard: 0)
• iconSize: [int] Endre størrelsen på ikonet på skrivebordet, anbefalte verdier mellom 50-70 piksler (standard: 70px)
• mobileIconSize: [int] Endre størrelsen på mobilikonet, anbefalte verdier mellom 35–50 piksler (standard: 50 piksler)

Skjermleser:

Følgende parametere kan brukes til å endre de tilpassede CSS-klassene:

• customSrBlacklistCSS: [String] Endrer CSS-klassen for elementene som skal ekskluderes (Standard: eyeAble_SrSkip)
• customSrStartCSS: [String] Endrer CSS-klassen for det nye startelementet (Standard: eyeAble_SrStart)
• customSrTextCSS: [String] Endrer CSS-klassen for blokken som skal leses høyt (Standard: eyeAble_SrText)

Ekskluder elementer fra funksjoner:

Følgende parametere lar deg ekskludere bestemte elementer fra Eye-Ables funksjoner. Dette er nyttig for tekst som bryter ut av beholderen når den forstørres, eller for elementer hvis farger ikke skal justeres med kontrast eller nattmodus. Elementer kan velges ved hjelp av innebygde CSS-selektorer (mer informasjon her: https://www.w3schools.com/cssref/css_selectors.asp ). Flere CSS-selektorer er atskilt med komma. Ekskluderingen gjelder også for alle underordnede elementer av valgte elementer!

• blacklistContrast : [String] Ekskluder elementer fra fargejusteringen for kontrast eller nattmodus.

f.eks.

• blacklistFontsize : [String] Ekskluder elementer fra skriftstørrelse

f.eks.

 

• forceWhiteBackground: [String] Tvinger frem en hvit bakgrunn når natt- eller kontrastmodus er aktivert.