Kuvatunnukset: https://anyip.io/ ja Simplex - Web Design Sydney. 

Jos tarkistat konfiguraation itse, voit mukauttaa Eye-Ablea - konfiguraattorin lisäksi - omalle verkkosivustollesi. Tällaisen mukauttamisen edut on kuvattu artikkelissa "Mitä etuja alkuperäisestä mukauttamisesta on?". Näiden mukautusten tekeminen edellyttää HTML- ja CSS-ohjelmien edistynyttä tuntemusta. Siksi tarjoamme mahdollisuuden täydelliseen Eye-Able-tarkastukseen ja -optimointiin jokaiselle verkkosivustolle. Jotkin näistä mukautusvaihtoehdoista ovat kuitenkin Eye-Able-ohjelman muiden kuin hallinnoitujen käyttäjien saatavilla milloin tahansa. Käytettävissä olevat asetukset on esitetty alla.

Huomautus: Seuraavat asetukset ovat vain osa Eye-Able-ohjelman täydellisessä optimoinnissa käytettävissä olevista parametreista.

Eye-Able-määrityksen laajentamiseksi eyeAble_pluginConfig-muuttujaan on lisättävä uusia avain-arvopareja. Esimerkkikokoonpano löytyy täältä(https://www.eye-able-cdn.com/example.js).

Sen lisäksi, että konfiguraatio voidaan integroida suoraan riviin, muutoksia eye-ble-konfiguraatioon voidaan tehdä myös erillisellä toiminnolla. Siksi eyeAble_updateConfig()-metodin kautta tapahtuvaa menetelmää suositellaan, jotta konfiguraatioon voidaan tehdä muutoksia itse:

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

Voit kommentoida pois parametrit, joita ei pitäisi muuttaa.

Suurennos:

Seuraavat parametrit rajoittavat suurennusta:

• maxMagnification: [int] Kuvaa suurimman suurennoksen (oletus: 21).
• maxMobileMagnification: [int] Kuvaa suurimman mahdollisen suurennoksen (oletusarvo: 3).

Asema:

Pääkuvakkeen sijaintia voidaan muuttaa seuraavilla parametreilla:

• topPosition: [merkkijono] Asettaa kuvakkeen yläasennon työpöydällä prosentteina tai px:nä (oletus: "10%").
• rightPosition: [String] Asettaa kuvakkeen oikean sijainnin työpöydällä px:nä. Jos sidePositionin arvoksi on asetettu "left", asetetaan vasen sijainti (oletusarvo: "10px").
• mobileBottomPosition: [merkkijono] Asettaa mobiilikuvakkeen alareunan sijainnin prosentteina tai px:nä (oletusarvo: "15%").
• mobileRightPosition: [merkkijono] Asettaa mobiilikuvakkeen oikean sijainnin px:nä (oletusarvo: "10px").
• sidePosition: [merkkijono] Asettaa puolen, jolla kuvake näkyy "vasemmalla" tai "oikealla" (oletus: "oikealla").

Ulkonäkö:

Ulkonäköä voidaan muuttaa seuraavilla parametreilla:

• mainIconAlt: [int] Vaihda pääkuvake kolmen vaihtoehdon välillä 0, 1 tai 2 (oletus: 0).
• iconSize: [int] Muuta kuvakkeen kokoa työpöydällä, suositellut arvot ovat 50-70 pikseliä (oletusarvo: 70px).
• mobileIconSize: [int] Muuta mobiilikuvakkeen kokoa, suositellut arvot ovat välillä 35-50 pikseliä (oletusarvo: 50px).

Ruudunlukija:

Mukauttamisen CSS-luokkia voidaan muuttaa seuraavien parametrien avulla:

• customSrBlacklistCSS: (oletus: eyeAble_SrSkip): [String] Muuttaa pois suljettavien elementtien CSS-luokan (oletus: eyeAble_SrSkip)
• customSrStartCSS: (oletus: eyeAble_SrStart): [String] Muuttaa uuden alkuelementin CSS-luokkaa (oletus: eyeAble_SrStart)
• customSrTextCSS: (oletus: eyeAble_SrText )

Sulje elementit pois funktioista:

Seuraavien parametrien avulla voit sulkea tietyt elementit Eye-Able-toimintojen ulkopuolelle. Tämä on hyödyllistä, kun teksti irtoaa säiliöstään suurennettuna tai kun elementtien värejä ei pitäisi säätää kontrasti- tai yötilassa. Elementit voidaan valita natiivien CSS-selektoreiden avulla (lisätietoja täältä(https://www.w3schools.com/cssref/css_selectors.asp)). Useat CSS-valitsimet erotetaan toisistaan pilkuilla. Poikkeus koskee myös valittujen elementtien kaikkia lapsia!

• blacklistContrast: [String] Sulje elementit pois kontrasti- tai yötilan värisäädöstä.

esim.

• blacklistFontsize: [merkkijono] Elementtien sulkeminen pois fontin suurennuksesta.

esim.

 

• forceWhiteBackground: [merkkijono] Pakottaa valkoisen taustan, kun yö- tai kontrastitila on aktivoitu.