Eye-Able manuel og egen hjemmeside anpasset

Med selvkontrol over konfigurationen kan du tilpasse Eye-Able - ud over konfiguratoren - til din egen hjemmeside.

Fotokreditter Any IP Ltd., Link til forfatteren er Simplex - Webdesign Sydney 

Hvis man selv har kontrol over konfigurationen, kan man tilpasse Eye-Able - ud over konfiguratoren - til sin egen hjemmeside. Fordelene ved en sådan tilpasning er beskrevet i artiklen "Hvad er fordelene ved en indledende tilpasning? For at foretage disse tilpasninger er en avanceret forståelse af HTML og CSS nødvendig. Derfor tilbyder vi for hver hjemmeside muligheden for en fuld test og optimering af Eye-Able. Nogle muligheder for denne tilpasning er dog mulige når som helst for ikke-administrerede brugere af Eye-Able. Tilgængelige indstillinger er præsenteret nedenfor.

Bemærk: Følgende konfigurationer er kun en delmængde af de parametre, der er tilgængelige i en fuld optimering via Eye-Able.

For at udvide Eye-Able-konfigurationen skal yderligere nøgle-værdi-par tilføjes til eyeAble_pluginConfig-variablen. Et eksempel på en konfiguration kan findes her. (https://www.eye-able-cdn.com/example.js) ).

Udover integrationen af konfigurationen direkte inline, kan ændringer i Eye-Able-konfigurationen også udføres via en separat funktion. For selv at kunne foretage ændringer i konfigurationen skal metoden via eyeAble_updateConfig() metode derfor anbefalet:

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

Parametre, der ikke skal ændres, kan kommenteres ud.

Forstørrelse:

Følgende parametre begrænser forstørrelsen:

• maks. forstørrelse : [int] Beskriver den maksimale forstørrelse (standard: 21)

• maxMobileForstørrelse : [int] Beskriver den maksimale mobile forstørrelse (standard: 3).

Position:

Følgende parametre findes til at ændre hovedikonets placering:

• Topposition: [Streng] Angiver ikonets øverste position på skrivebordet i % eller px (Standard: "10%")

• højre position: [Streng] Angiver ikonets højre position på skrivebordet i px. Hvis sidePosition er indstillet til "venstre", vil venstre position blive angivet (standard: "10px").

• mobilNederstePosition [Streng] Angiver mobilikonets nederste position i % eller px (standard: "15%").

• mobilHøjrePosition [Streng] Angiver den højre position af mobilikonet i px (standard: "10px").

• sideposition : [Streng] Angiver den side, hvor ikonet vises "venstre" eller "højre" (Standard: "højre")

Udseende:

Følgende parametre findes for at ændre udseendet:

• hovedIkonAlt: [int] Skift hovedikonet mellem tre varianter 0, 1 eller 2 (standard: 0)

• ikonstørrelse: [int] Ændre størrelsen på ikonet på skrivebordet, anbefalede værdier mellem 50-70 pixels (standard: 70px)

• mobilIkonstørrelse: [int] Skift størrelsen på mobilikonet, anbefalede værdier mellem 35-50 pixels (standard: 50px).

Skærmlæser:

Følgende parametre kan bruges til at ændre tilpasnings-CSS-klasserne:

• brugerdefineretSrBlacklistCSS: [String] Ændrer CSS-klassen for de elementer, der skal ekskluderes (standard: eyeAble_SrSkip).

• brugerdefineretSrStartCSS: [String] Ændrer CSS-klassen for det nye startelement (standard: eyeAble_SrStart).

• brugerdefineretSrTextCSS: [String] Ændrer CSS-klassen for den blok, der skal læses op (standard: eyeAble_SrText).

Udeluk elementer fra funktioner:

Følgende parametre kan bruges til at udelukke bestemte elementer fra funktionerne i Eye-Able. Dette er nyttigt for tekst, der bryder ud af sin container, når der zoomes ind, eller for elementer, hvis farver ikke skal justeres af kontrast- eller nattilstand. Elementer kan vælges ved hjælp af native CSS-selektorer. Mere info her Flere CSS-selektorer er adskilt af kommaer. Undtagelsen gælder også for alle underordnede elementer af valgte elementer!

• sortlisteKontrast : [Streng] Udelad elementer fra farvejusteringen af kontrasten eller nattilstanden.

F.eks.

• sortlisteSkriftstørrelse : [Streng] Udelad elementer fra skrifttypeforstørrelsen.

F.eks.

• kraftHvidBaggrund : [String] Tvinger en hvid baggrund frem, når nat- eller kontrasttilstand er aktiveret.