Fotokreditter: Any IP Ltd, lenke til forfatteren er https://anyip.io/ og Simplex - Web Design Sydney 

Hvis du sjekker konfigurasjonen selv, kan du tilpasse Eye-Able - utover konfiguratoren - til ditt eget nettsted. Fordelene med en slik tilpasning er beskrevet i artikkelen "Hva er fordelene med en første tilpasning?". Det kreves en avansert forståelse av HTML og CSS for å gjøre disse tilpasningene. Vi tilbyr derfor en komplett Eye-Able-sjekk og -optimalisering for alle nettsteder. Noen av disse tilpasningsmulighetene er imidlertid tilgjengelige for ikke-administrerte brukere av Eye-Able når som helst. Tilgjengelige innstillinger presenteres nedenfor.

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

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

I tillegg til å integrere konfigurasjonen direkte inline, kan endringer i eye-ble-konfigurasjonen også gjøres ved hjelp av en egen funksjon. Metoden via eyeAble_updateConfig()-metodenanbefales derfor for å kunne gjøre endringer i konfigurasjonen selv:

<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 den maksimale forstørrelsen (standard: 21)
• maxMobileMagnification: [int] Beskriver den maksimale mobile forstørrelsen (standard: 3)

Stilling:

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

• topPosition: [String] Angir den øverste posisjonen til 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", settes venstre posisjon (standard: "10px").
• mobileBottomPosition: [String] Angir bunnposisjonen til mobilikonet i % eller px (standard: "15%")
• mobileRightPosition: [String] Angir høyre posisjon for mobilikonet i px (standard: "10px")
• sidePosition: [String] Angir hvilken side ikonet skal vises på, "venstre" eller "høyre" (standard: "høyre")

Utseende:

Følgende parametere finnes for å endre utseendet:

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

Skjermleser:

CSS-tilpasningsklassene kan endres med følgende parametere:

• 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 forhåndsleses (standard: eyeAble_SrText )

Ekskluder elementer fra funksjoner:

Følgende parametere kan brukes til å ekskludere visse elementer fra Eye-Able-funksjonene. 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 CSS-selektorer (mer informasjon her (https://www.w3schools.com/cssref/css_selectors.asp)). Flere CSS-selektorer skilles fra hverandre med komma. Unntaket gjelder også for alle barn av valgte elementer!

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

f.eks.

• blacklistFontsize: [String] Ekskluder elementer fra fontforstørrelsen

f.eks.

 

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