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.