Eye-Able manuellt an die egen webbplats anpassen

Med självkontroll över konfigurationen kan du anpassa Eye-Able – utöver konfiguratorn – till din egen webbplats.

Fotokrediter Any IP Ltd, länk till författaren är Simplex - Webbdesign Sydney 

Om man själv vill kontrollera konfigurationen kan man anpassa Eye-Able – utöver konfiguratorn – till sin egen webbplats. Fördelarna med en sådan anpassning beskrivs i artikeln "Vilka är fördelarna med en initial anpassning? För att göra dessa anpassningar krävs en avancerad förståelse av HTML och CSS. Därför erbjuder vi för varje webbplats möjligheten till fullständig testning och optimering av Eye-Able. Vissa alternativ för denna anpassning är dock möjliga när som helst för icke-hanterade användare av Eye-Able. Tillgängliga inställningar presenteras nedan.

Obs: Följande konfigurationer är bara en delmängd av de parametrar som är tillgängliga i en fullständig optimering via Eye-Able.

För att utöka Eye-Able-konfigurationen måste ytterligare nyckel-värdepar läggas till variabeln eyeAble_pluginConfig. Ett exempel på en konfiguration finns här. (https://www.eye-able-cdn.com/example.js) ).

Förutom integrationen av konfigurationen direkt inline kan ändringar i Eye-Able-konfigurationen även utföras via en separat funktion. För att kunna göra ändringar i konfigurationen själv krävs metoden via eyeAble_updateConfig()-metoden därför rekommenderas:

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

Parametrar som inte ska ändras kan kommenteras bort.

Förstoring:

Följande parametrar finns för att begränsa förstoringsgraden:

• maxförstoring : [int] Beskriver maximal förstoring (standard: 21)

• maxMobilförstoring : [int] Beskriver den maximala mobila förstoringsgraden (standard: 3).

Placera:

Följande parametrar finns för att ändra huvudikonens position:

• toppposition: [Sträng] Anger ikonens översta position på skrivbordet i % eller px (Standard: "10%")

• högerPosition: [Sträng] Anger höger position för ikonen på skrivbordet i px. Om sidePosition är satt till "vänster" kommer vänster position att ställas in (standard: "10px").

• mobilNederstaPosition [Sträng] Anger mobilikonens nedersta position i % eller px (standard: "15%").

• mobilHögerPosition [Sträng] Anger höger position för mobilikonen i px (standard: "10px").

• sidoposition : [Sträng] Anger sidan där ikonen visas "vänster" eller "höger" (Standard: "höger")

Utseende:

Följande parametrar finns för att ändra utseendet:

• huvudIkonAlt: [int] Ändra huvudikonen mellan tre varianter 0, 1 eller 2 (standard: 0)

• ikonstorlek: [int] Ändra storleken på ikonen på skrivbordet, rekommenderade värden mellan 50-70 pixlar (standard: 70px)

• mobilikonstorlek: [int] Ändra storleken på mobilikonen, rekommenderade värden mellan 35-50 pixlar (standard: 50px).

Skärmläsare:

Följande parametrar kan användas för att modifiera anpassnings-CSS-klasserna:

• anpassadSrBlacklistCSS: [String] Ändrar CSS-klassen för de element som ska exkluderas (standard: eyeAble_SrSkip).

• anpassadSrStartCSS: [String] Ändrar CSS-klassen för det nya startelementet (standard: eyeAble_SrStart).

• anpassadSrTextCSS: [String] Ändrar CSS-klassen för blocket som ska läsas upp (standard: eyeAble_SrText).

Exkludera element från funktioner:

Följande parametrar kan användas för att exkludera vissa element från funktionerna i Eye-Able. Detta är användbart för text som bryts ut ur sin behållare när man zoomar in, eller för element vars färger inte ska justeras av kontrast- eller nattläge. Element kan väljas med hjälp av inbyggda CSS-väljare. Mer information här Flera CSS-selektorer separeras med kommatecken. Undantaget gäller även alla underordnade element till valda element!

• svartlistaKontrast : [Sträng] Exkludera element från färgjusteringen för kontrast- eller nattläge.

Till exempel

• svartlistaTeckenstorlek : [Sträng] Exkludera element från teckensnittsförstoringen.

Till exempel

• kraftVitBakgrund : [Sträng] Tvingar fram en vit bakgrund när natt- eller kontrastläge är aktiverat.