🎉 Uusi työkalu: Yksinkertainen kieli. Klikkaa painiketta ja kokeile sitä livenä

Mukauta Eye-Able manuaalisesti omalle verkkosivustollesi

Kuvassa on kannettava tietokone, jossa on avattu tietokoneohjelma. Siinä näkyy tietokonekoodia.

Jaa viesti:

Jos tarkistat konfiguraation itse, voit mukauttaa Eye-Ablea omalle verkkosivustollesi - konfiguraattorin lisäksi.
Kuvassa on kannettava tietokone, jossa on avattu tietokoneohjelma. Siinä näkyy tietokonekoodia.

Mukauta Eye-Able manuaalisesti omalle verkkosivustollesi

Jaa tämä viesti:

Kuvassa on kannettava tietokone, jossa on avattu tietokoneohjelma. Siinä näkyy tietokonekoodia.
Jos tarkistat konfiguraation itse, voit mukauttaa Eye-Ablea omalle verkkosivustollesi - konfiguraattorin lisäksi.

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.

Esimerkki siitä, miten elementit jätetään kontrastin ulkopuolelle
  • blacklistFontsize: [merkkijono] Elementtien sulkeminen pois fontin suurennuksesta.

esim.

Esimerkki siitä, miten elementit jätetään suurennuksen ulkopuolelle

 

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

 

Helppo kaikille

Oletko kiinnostunut? Autamme sinua mielellämme.

Eye-Able sisältää yli 25 digitaaliseen saavutettavuuteen liittyvää toimintoa, ja se auttaa sinua myös vähentämään esteitä pitkällä aikavälillä. Voit tehdä tiedoistasi kaikkien ulottuvilla olevia, etkä sulje pois yhtään kävijää - lyhyesti sanottuna: voit saavuttaa uuden kohderyhmän ilman suuria markkinointimääriä.

Kuvake näyttää saavutettavuusluvun

Neuvontahaastattelu

Ei-sitova kuuleminen digitaalisesta saavutettavuudesta yleensä

Kuvake näyttää saavutettavuusluvun

Analyysi

Keskustelu verkkosivustosi mahdollisista optimointimahdollisuuksista

Kuvake näyttää saavutettavuusluvun

Live-demo

Avustusohjelmiston esittely suoraan verkkosivustollasi

Muut rahoitusosuudet

Jos haluat vähän enemmän: