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.