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

Upottaminen Eye-Able suoraan sivulle

Tässä kuvassa on työpöytä, jossa on monia näyttöjä viileässä ilmapiirissä.

Jaa viesti:

Oletusarvoisesti Eye-Able® Tukiohjelmisto kuvakkeena, joka on kiinnitetty suhteessa verkkosivuston näyttöikkunaan.
Tässä kuvassa on työpöytä, jossa on monia näyttöjä viileässä ilmapiirissä.

Upottaminen Eye-Able suoraan sivulle

Jaa tämä viesti:

Tässä kuvassa on työpöytä, jossa on monia näyttöjä viileässä ilmapiirissä.
Oletusarvoisesti Eye-Able® Tukiohjelmisto kuvakkeena, joka on kiinnitetty suhteessa verkkosivuston näyttöikkunaan.

Oletusarvoisesti Eye-Able® Tukiohjelmisto kuvakkeena, joka on kiinnitetty suhteessa verkkosivuston näyttöikkunaan. Tämä nykyinen sijainti yhdessä suurikontrastisten kuvakkeiden kanssa on osoittautunut helppokäyttöiseksi käyttäjätesteissä, jopa vakavasti näkövammaisten käyttäjien kanssa. Eye-Able® voidaan myös helposti upottaa suoraan verkkosivustoon. Tämä mahdollistaa integroinnin siirtymispalkkiin tai muihin olemassa oleviin säilöihin.

Vaihtoehtona tavalliselle kuvakkeelle voidaan käyttää mitä tahansa sivun elementtiä. Tämä elementti on linkitetty tavallisen kuvakkeen "Avaa ja sulje" -toimintoihin. Uusi kohde-elementti on luotava tai mukautettava itse!

Linkin luomiseksi CSS-tunnus "eyeAble_customToolOpenerID" on lisättävä uuteen kohde-elementtiin. Heti kun tällä tunnuksella varustettu elementti on sivulla, tavallinen logo piilotetaan ja vastaava EventListener lisätään tähän tapahtumaan. Työkalurivin sijainti on edelleen siellä, missä se olisi tavallisen logon kanssa.


Jos upotetaan useita avaus-/sulkemiskytkimiä, voidaan käyttää myös CSS-luokkaa "eyeAble_customToolOpenerClass". Toiminta on identtinen CSS-ID-menetelmän kanssa.

 

Huomautus: Kaikilla alasivuilla, joilla ei ole tällaista elementtiä eyeAble_customToolOpenerID-ID: llä tai eyeAble_customToolOpenerClass luokalla , tavallinen logo näkyy edelleen!

Jos Eye-Able jos haluat linkittää sivun elementtiin piilottamatta päälogoa, voidaan käyttää "eyeAble_customToolOpenerNoHideClass" CSS-luokkaa.


Se on myös mahdollista suoraan linkin kautta Eye-Able Työkalurivi. Aseta vain "javascript:EyeAbleAPI.toggleToolbar()" linkin kohteeksi. 


Varmista, että tukiasema Eye-Able on käytettävissä näppäimistöllä ja siinä on tekstiä, jota näytönlukijat voivat käyttää. Mahdollinen kuvateksti olisi: "Avaa visuaalinen apuohjelmisto. Käytettävissä näppäimistöllä ALT + 1 ": n kautta


Esittelytarkoituksessa tämä upottaminen suoritetaan tällä sivulla seuraavalla logolla:

Että Eye-Able Logo ladattavaksi ja upotettavaksi löytyy täältä (tai nimellä SVG täältä):

Eye-Able Logo - Mies mustaa taustaa vasten

Helppoa kaikille

Kiinnostunut? Autamme sinua mielellämme.

Yli 25 digitaalisen saavutettavuuden ympärillä olevaa toimintoa auttaa Eye-Able auttaa sinua myös vähentämään esteitäsi kestävästi. Näin tuot tietosi kaikkien saataville etkä sulje kävijöitä pois – lyhyesti: Avaat uuden kohderyhmän ilman suuria markkinointivolyymeja.

Kuvake näyttää helppokäyttöisyysluvun

Konsultaatio

Ei-sitova kuuleminen digitaalisesta saavutettavuudesta yleensä

Kuvake näyttää helppokäyttöisyysluvun

Analyysi

Keskustelu mahdollisista optimointimahdollisuuksista verkkosivustollasi

Kuvake näyttää helppokäyttöisyysluvun

Live-esittely

Tukiohjelmiston esittely suoraan verkkosivustollasi

Lisää artikkeleita

Jos haluat jotain enemmän: