Fotokreditering: Any IP Ltd, Link to the Author is https://anyip.io/ og Simplex - Web Design Sydney. 

Med egenkontroll over konfigurasjonen kan man tilpasse Eye-Able - utover konfiguratoren - til sitt eget nettsted. Fordelene med en slik tilpasning er beskrevet i artikkelen "Hva er fordelene med en første tilpasning?". For å gjøre disse tilpasningene er det nødvendig med en avansert forståelse av HTML og CSS. For hvert nettsted tilbyr vi derfor muligheten til en fullstendig kontroll og optimalisering av Eye-Able . Noen av alternativene for denne tilpasningen er imidlertid mulig når som helst for ikke-administrerte brukere av Eye-Able . Nedenfor finner du en oversikt over tilgjengelige innstillinger.

Merk: Følgende konfigurasjoner er bare en delmengde av parametrene som er tilgjengelige i en fullstendig optimalisering via Eye-Able .

Hvis du vil utvide Eye-Able -konfigurasjonen, må du legge til flere nøkkelverdipar i eyeAble_pluginConfig-variabelen. Du finner en eksempelkonfigurasjon her(https://www.eye-able-cdn.com/example.js).

I tillegg til å inkludere konfigurasjonen direkte inline, kan endringer i Eye-Able -konfigurasjonen også gjøres via en egen funksjon. For å kunne gjøre endringer i konfigurasjonen selv, anbefales det derfor å bruke eyeAble_updateConfig()-metoden:

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

Du kan kommentere ut parametere som ikke skal endres.

Forstørrelse:

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

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

Stilling:

Følgende parametere finnes for å endre posisjonen til hovedikonet:

• topPosition: [String] Angir øverste posisjon for ikonet på skrivebordet i % eller px (standard: "10%").
• rightPosition: [String] Angir ikonets høyre posisjon på skrivebordet i px. Hvis sidePosition er satt til "left", angis venstre posisjon (standard: "10px").
• mobileBottomPosition: [String] Angir bunnposisjonen til mobilikonet i % eller px (standard: "15%").
• mobileRightPosition: [String] Angir den høyre posisjonen til mobilikonet i px (standard: "10px").
• sidePosition: [String] Angir på hvilken side ikonet skal vises "venstre" eller "høyre" (standard: "høyre").

Utseende:

Følgende parametere kan brukes til å 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 er mellom 50-70 piksler (standard: 70 piksler).
• mobileIconSize: [int] Endre størrelsen på mobilikonet, anbefalte verdier mellom 35-50 piksler (standard: 50 piksler).

Skjermleser:

Følgende parametere kan brukes til å endre justering av CSS-klasser:

• 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 opp (Standard: eyeAble_SrText )

Ekskluder elementer fra funksjoner:

Følgende parametere kan brukes til å ekskludere visse elementer fra funksjonene på Eye-Able . Dette er nyttig for tekst som bryter ut av beholderen når den forstørres, eller for elementer hvis farger ikke skal justeres av kontrast- eller nattmodus. Elementer kan velges ved hjelp av innebygde CSS-velgere (se mer informasjon her(https://www.w3schools.com/cssref/css_selectors.asp). Flere CSS-velgere skilles med komma. Unntaket gjelder også for alle barn av valgte elementer!

• blacklistContrast: [String] Ekskluder elementer fra fargejustering av kontrast- eller nattmodus.

f.eks.

• blacklistFontsize: [String] Ekskluder elementer fra skriftforstørrelsen.

f.eks.

 

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