Kelluvat WordPress-widgetit voivat parantaa tukea, liidien generointia ja myyntiä – mutta vain silloin, kun kävijät voivat todella käyttää niitä. Esteettömän widgetin tulisi olla helppo löytää, ymmärtää, käyttää näppäimistöllä, lukea avustavan teknologian avulla ja käyttää pienemmillä näytöillä. Sen tulisi myös välttää tärkeän sisällön estämistä tai näkymistä väärällä hetkellä.

Tässä oppaassa kerrotaan, kuinka kelluvista yhteydenottolomakkeista, live-chat-painikkeista, click-to-call-työkaluista, esteettömyystoiminnoista, ilmoituskuplista ja verkkokauppawidgetistä tehdään helppokäyttöisempiä. Opit, mitä kannattaa tarkistaa ennen asennusta, kuinka widget määritetään WordPressissä ja kuinka testataan käyttökokemusta eri laitteilla.

Saavutettavuus ei ole yksittäinen lisäosan asetus. Se on huolellisen suunnittelun, selkeän sisällön, järkevän kohdentamisen, näppäimistötestauksen ja säännöllisen ylläpidon tulos. WordPressin saavutettavuusohjeistus korostaa neljää periaatetta: sisällön tulee olla havaittavaa, käytettävää, ymmärrettävää ja luotettavaa. WordPressin saavutettavuuskoodausstandardit ohjaavat kehittäjiä myös WCAG 2.2 Level AA -tasolle WordPress-ekosysteemin koodin tavoitteena.

Mikä tekee kelluvasta WordPress-widgetistä esteettömän?

Esteetön kelluva widget tekee enemmän kuin vain pysyy näkyvissä sivulla. Sen tulisi tarjota selkeä polku eri laitteita, syöttötapoja, selaimia ja avustavia teknologioita käyttäville ihmisille.

• Selkeä tarkoitus: Kävijöiden tulisi ymmärtää, avaako widget yhteydenottolomakkeen, aloittaako chatin, soittaako puhelinnumeroon vai näyttääkö tarjouksen.
• Näppäimistön käyttö: Käyttäjien tulisi pystyä avaamaan, käyttämään ja sulkemaan widget ilman hiirtä.
• Näkyvä tarkennus: Näppäimistön käyttäjien on nähtävä, mikä painike, kenttä tai linkki on aktiivinen.
• Luettava sisältö: Tekstin, kuvakkeiden, otsikoiden ja virheilmoitusten tulisi pysyä ymmärrettävinä eri zoomaustasoilla ja näyttökooilla.
• Sopiva kontrasti: Widgetin tulisi erottua sivulta ilman pelkkiä värejä.
• Häiritsemätön käyttäytyminen: Widgetin ei tulisi yllättäen peittää kassatoimintoja, rajoittaa kohdistusta, väläyttää tai keskeyttää kävijöitä toistuvasti.
• Mobiilikäytettävyys: Painikkeet ja lomakekentät tarvitsevat riittävästi tilaa aktivoituakseen tarkasti kosketusnäytöillä.

W3C :n verkkosisällön saavutettavuusohjeet 2.2 sisältävät näppäimistön käyttöön, tarkennukseen, kontrastiin, uudelleenjuoksutukseen ja kohteen kokoon liittyviä vaatimuksia. WCAG 2.2:n AA-tason kohdekoon kriteeri edellyttää yleensä, että osoittimen kohteiden on oltava vähintään 24 x 24 CSS-pikseliä, tiettyjä poikkeuksia lukuun ottamatta. Pidä tätä lähtökohtana eikä syynä tehdä jokaisesta ohjausobjektista mahdollisimman pieni.

Miksi kelluvat widgetit aiheuttavat usein esteettömyysongelmia

Kelluvat widgetit ovat kiinteästi sijoitettuja elementtejä. Ne pysyvät näkyvissä kävijän vierittäessä, mikä tekee niistä hyödyllisiä tuen ja konversiotavoitteiden kannalta. Sama toiminta voi aiheuttaa kitkaa, jos widget on määritetty huonosti.

Liian lähellä mobiiliselaimen ohjainta sijaitsevaa painiketta voi olla vaikea napauttaa. Kirkas ilmoitustehoste voi häiritä kävijöitä tai aiheuttaa liikeongelmia. Automaattisesti avautuva chat-paneeli voi siirtää käyttäjän kohdistusta odottamatta. Yhteydenottolomake, jossa on vain paikkamerkkejä sisältäviä otsikoita, voi olla hämmentävä näytönlukijoita tai suurennusohjelmia käyttäville.

Myös sisällön priorisointiin liittyy ongelma. Kelluvan widgetin tulisi tukea sivua – ei kilpailla päänavigoinnin, tuotetietojen, kassalomakkeen, evästeiden hallintatyökalujen tai esteettömyysominaisuuksien kanssa. Ennen uuden widgetin lisäämistä kannattaa miettiä, tarjoaako jo olemassa oleva laajennus samanlaisen toiminnon. Päällekkäisten laajennusten määrän vähentäminen voi vähentää konflikteja ja yksinkertaistaa ylläpitoa. Premion opas siitä, miksi liian monet WordPress-laajennukset voivat vahingoittaa verkkosivustoasi, tarjoaa lisäkontekstia laajennusten kuormituksen ja päällekkäisyyksien arviointiin.

1. Anna jokaiselle widgetille selkeä ja kuvaava tarkoitus

Pelkästään kuvakkeista koostuvat kelluvat painikkeet ovat yleisiä, mutta kuvakkeet eivät aina välitä merkitystä johdonmukaisesti. Puhekupla voi tarkoittaa live-chattia, WhatsAppia, sähköpostia tai yleistä yhteydenottolomaketta. Puhelinsymboli voi olla selkeä joillekin kävijöille, mutta vähemmän hyödyllinen, jos numeroa tai toimintoa ei mainita.

Käytä ytimekästä tekstiä, joka selittää toiminnan. Esimerkkejä:

• "Keskustele tuen kanssa"
• "Lähetä meille viesti"
• "Soita myyntitiimillemme"
• "Kysy tästä tuotteesta"
• "Hanki apua tilauksesi kanssa"

Jos suunnittelussasi käytetään kuvakkeita, pidä kuvakkeen vieressä näkyvä nimi, jos tilaa on. Jos kuvakkeen on oltava erillinen, varmista, että sen helppokäyttöinen nimi kuvaa toimintoa eikä visuaalista symbolia. "Avaa yhteydenottolomake" on hyödyllisempi kuin "sininen kirjekuori".

Älä käytä epämääräisiä otsikoita, kuten ”Napsauta tästä”, ”Lisää” tai ”Ohje”, jos konteksti ei selitä, mitä seuraavaksi tapahtuu. Vierailijan tulisi pystyä ennustamaan tulos ennen ohjaimen aktivointia.

2. Tee widgetistä näppäimistöllä käytettävä

Näppäimistöllä käyttö on yksi nopeimmista käytännön testeistä kelluvalle widgetille. Aloita sivun yläreunasta ja paina Kieleke -näppäin. Jatka, kunnes kelluva ohjausobjekti on kohdistettu. Tarkista sitten, voitko:

1. Tunnista widgetin tarkoitus sen näkyvästä otsikosta tai helppokäyttöisestä nimestä.
2. Avaa widget näppäimistöllä.
3. Siirry jokaisen kentän, linkin, kanavan ja toiminnon läpi loogisessa järjestyksessä.
4. Lähetä lomake tai aktivoi valittu viestintäkanava.
5. Sulje paneeli ja palauta kohdistus painikkeeseen, jolla se avattiin.

lehdistö siirtyminen + Kieleke siirtyäksesi taaksepäin. Jos kohdistus katoaa, hyppää sivun taakse tai jää jumiin paneelin sisään, widgetiä on tarkasteltava lisää. Sulkemispainikkeen tulisi olla saavutettavissa, ja Esc-näppäin voi tarjota lisätavan sulkea dialogityyppisen paneelin tarvittaessa.

Älä poista selaimen oletusarvoista kohdistusääriviivaa, ellet korvaa sitä yhtä näkyvällä tai voimakkaammalla ilmaisimella. Kelluva painike voi sijaita useiden taustavärien päällä, joten testaa kohdistustiloja niillä sivuilla, joilla widget näkyy.

WordPressin kehittäjäohjeet selittävät, että käyttäjien tulisi pystyä käyttämään käyttöliittymiä riippumatta siitä, käyttävätkö he hiirtä, näppäimistöä, näytönlukijaa tai muuta avustavaa teknologiaa. WordPressin teemakäsikirjan saavutettavuusohjeet suosittelevat myös oikean semanttisen elementin käyttöä: painikkeita toiminnoille ja linkkejä navigoinnille.

3. Käytä näkyviä otsikoita yhteydenottolomakkeissa

Kelluvissa yhteydenottolomakkeissa on usein rajoitetusti tilaa, mikä voi houkutella sivustojen omistajia turvautumaan paikkamerkkeihin, kuten ”Nimesi” tai ”Anna sähköpostiosoite”. Paikkamerkit voivat antaa vihjeitä, mutta niiden ei pitäisi korvata pysyviä kenttien otsikoita. Kun kävijä alkaa kirjoittaa, vihje saattaa kadota, jolloin kentän tarkoitus on vaikeampi muistaa.

Käytä otsikoita, jotka pysyvät näkyvissä tai jotka muuten pysyvät ohjelmallisesti yhteydessä kuhunkin kenttään. Pidä sanamuodot täsmällisinä:

• ”Koko nimi” ”Nimen” sijaan, kun tarvitset henkilön koko nimen.
• Työasioihin liittyvissä tiedusteluissa kirjoita "työsähköpostiosoite" pelkän "sähköpostiosoitteen" sijaan.
• Tukipyyntöjä varten käytä ”Tilausnumero” ”Viitenumeron” sijaan.
• Kun haluat yksityiskohtaisen selityksen, kirjoita "Kuinka voimme auttaa?" "Viesti"-vaihtoehdon sijaan.

Merkitse pakolliset kentät selkeästi, selitä odotettu muoto ja anna hyödyllisiä virheilmoituksia. ”Anna kelvollinen sähköpostiosoite” on hyödyllisempi kuin ”Virheellinen kenttä”. Virheitä ei tule viestiä pelkästään värin avulla.

Jos vierailijat voivat ladata tiedostoja, selitä hyväksytyt tiedostotyypit ja -koot ennen tiedoston valitsemista. Vältä arkaluonteisten tietojen pyytämistä, ellei se ole välttämätöntä tukiprosessin kannalta. Yhteydenottowidget ei ole automaattisesti sopiva paikka maksutietojen, salasanojen tai muiden luottamuksellisten tietojen keräämiseen.

4. Valitse värit ja kontrasti huolellisesti

Brändivärit voivat saada widgetin tuntumaan integroituneelta muuhun sivustoon, mutta brändin yhtenäisyyden ei pitäisi heikentää luettavuutta. Tarkista kontrasti seuraavien välillä:

• Widget-teksti ja sen tausta.
• Kuvakkeiden muodot ja niitä ympäröivä painike.
• Syötä teksti ja lomakkeen tausta.
• Paikkamerkki tai aputeksti ja tausta.
• Tarkennuksen ilmaisimet ja widgetin takana oleva sivu.
• Virheilmoitukset ja lähellä oleva sisältö.

Älä oleta, että suurikontrastinen painike luo automaattisesti suurikontrastisen widgetin. Kun widget laajenee, sen paneeli, otsikot, linkit, lomakeohjaimet ja tilaviestit on tarkistettava erikseen.

Värin tulisi vahvistaa merkitystä, ei kantaa itsessään merkitystä. Älä esimerkiksi näytä pelkkää punaista ääriviivaa, kun lomakekentässä on virhe. Lisää tekstiä, joka selittää ongelman, ja sijoita viesti mahdollisuuksien mukaan asiaankuuluvan kentän lähelle.

5. Tee kosketuskohteista mukavia mobiililaitteilla

Työpöytäversiossa toimivan kelluvan widgetin käyttö puhelimella voi olla hankalaa. Pienet kuvakkeet, tiiviisti sijoitetut kanavapainikkeet tai lähellä toista toimintoa sijaitseva säädin voivat johtaa tahattomiin napautuksiin.

Esikatsele widgetiä yleisillä mobiilileveyksillä ja tarkista, onko se:

• Jättää tärkeät sivun säätimet näkyviin.
• Ei peitä Lisää ostoskoriin- tai Kassalle-painikkeita.
• Voidaan avata ja sulkea yhdellä kädellä.
• Tarjoaa riittävästi tilaa vierekkäisten ohjausobjektien välillä.
• Sallii lomakekenttien pysymisen näkyvissä, kun näyttönäppäimistö avautuu.
• Ei pakota vaakasuuntaista vieritystä.

My Sticky Elements tarjoaa asetuksia widgetin sijainnille, koolle, fontille, väreille, kanavan ulkonäölle ja laitekohtaiselle toiminnalle. Näiden asetusten avulla voit mukauttaa kelluvan yhteystiedon tai sosiaalisen median widgetin eri näyttöihin, mutta ne on silti testattava sivuilla, joilla ne näkyvät. Katso My Sticky Elementsin mukautusoppaasta käytettävissä olevat määritysalueet.

Tukikanavien, kuten chatin, puhelimen ja yhteydenottolomakkeiden, kohdalla paras vaihtoehto voi vaihdella kävijän ja tilanteen mukaan. Premion vertailu live-chatin, click-to-call-lomakkeiden ja yhteydenottolomakkeiden välillä voi auttaa sinua päättämään, mitkä toiminnot ansaitsevat prioriteetin widgetissäsi.

6. Vältä odottamattomia ponnahdusikkunoita ja aggressiivista liikettä

Automaattisen widgetin toiminnan tulisi olla tarkoituksellista. Tuotesivua lukeva kävijä ei välttämättä halua chat-paneelin avautuvan välittömästi. Näppäimistöllä navigoiva käyttäjä voi menettää paikkansa, jos kohdistus siirtyy varoittamatta. Toistuvat huomioefektit voivat myös häiritä liikkeelle herkkiä kävijöitä.

Aloita hiljaisella ja ennustettavalla kokoonpanolla:

• Näytä pieni, merkitty painike sen sijaan, että avaisit heti suuren paneelin.
• Käytä kohtuullista viivettä, kun kehote on tarpeen.
• Älä näytä samaa kehotetta toistuvasti yhden käynnin aikana.
• Tarjoaa selkeän tarkan kontrollin.
• Kunnioita sivun ensisijaista tehtävää, erityisesti kassalla.
• Käytä animaatiota säästeliäästi ja tarjoa staattinen vaihtoehto aina kun mahdollista.

Pyyhkäisevät elementit voidaan määrittää näkymään tietyn viiveen tai sivun vierityksen prosenttiosuuden jälkeen. Premion ohjekeskuksen vierityspohjaisen näkyvyyden opas selittää, miten näyttöajan asetus vaikuttaa widgetin ilmestymiseen. Näiden säätimien avulla voit tehdä widgetistä relevantin keskeyttämättä jokaista kävijää välittömästi.

7. Kohdista widgetit sivun ja kävijän aikomuksen mukaan

Jokaisen kanavan näyttäminen jokaisella sivulla voi luoda tarpeetonta visuaalista kohinaa. Helpointa on näyttää pienin mahdollinen hyödyllinen toimintojen joukko nykyisessä kontekstissa.

Esimerkiksi:

• Näytä myyntikeskustelu tuote- ja hinnoittelusivuilla.
• Näytä tilaustuen yhteydenottovaihtoehdot asiakastukialueella.
• Näytä soita napsauttamalla -toiminto palvelusivuilla, joilla puhelinkeskustelut ovat hyödyllisiä.
• Näytä tuotekohtainen kehote WooCommerce-tuotesivuilla.
• Vähennä mainosviestejä kassalla.

Chaty tukee sivu- ja WooCommerce-kohdistusvaihtoehtoja, mukaan lukien tietyt sivut, julkaisut, kategoriat, tuotteet ja alennuksessa olevat tuotteet, ohjekeskuksen dokumentaation mukaan. Voit tarkastella oppaan Chatyn näyttämisestä tietyillä sivuilla ennen sivukohtaisten sääntöjen luomista.

Kohdentaminen auttaa käyttäjiä myös ymmärtämään, miksi widget on näkyvissä. ”Onko sinulla kysyttävää tästä tuotteesta?” on merkityksellisempi tuotesivulla kuin yleinen ”Kuinka voimme auttaa?” -kehote, jota näytetään kaikkialla.

8. Yhdistä keskustelu- ja viestintäkanavat piilottamatta pääpolkua

Monikanavaiset widgetit voivat olla käteviä, koska ne tuovat chatin, WhatsAppin, Messengerin, sähköpostin, puhelimen ja muita vaihtoehtoja yhteen käyttöliittymään. Liian monien vaihtoehtojen tarjoaminen voi kuitenkin tehdä widgetistä vaikeasti selattavan.

Priorisoi kanavat sen perusteella, miten yrityksesi todellisuudessa käsittelee pyyntöjä. Jos tiimisi vastaa live-chattiin vain toimistoaikoina, tee saatavuus selkeäksi. Jos puhelinnumero on nopein vaihtoehto kiireellisiin kysymyksiin, merkitse se asianmukaisesti. Jos sähköpostia seurataan kerran päivässä, älä esitä sitä pikavastauskanavana. Jos valitset Chatwayn , testaa sen widgetiä yllä olevien esteettömyystarkistusten avulla.

Pidä kanavien otsikot johdonmukaisina ja kuvaavina. ”Lähetä meille viesti WhatsAppissa” viestii enemmän kuin pelkkä WhatsApp-kuvake. Voit myös käyttää lyhyttä esittelyviestiä selittääksesi odotetut vastausajat ennen kuin kävijä valitsee kanavan.

Kun käytät Chatyn chat-näkymän asettelua, voit mukauttaa ponnahdusikkunan otsikkoa ja leipätekstiä. Ohjekeskuksen dokumentaatiossa kuvataan myös yhdistämistagit sivun otsikolle ja URL-osoitteelle sekä muita WooCommerceen liittyviä tageja tuotetiedoille. Käytä personointia harkiten: lyhyt ja relevantti viesti on yleensä helpommin ymmärrettävä kuin pitkä automaattisesti lisätty tekstilohko.

Lisää ideoita suorituskykytietoiseen toteutukseen saat lukemalla Premion oppaan live-chatin lisäämisestä WordPressiin hidastamatta verkkosivustoasi.

9. Testaa widgetiä oikeilla vuorovaikutuspoluilla

Automaattiset esteettömyysskannerit voivat tunnistaa joitakin ongelmia, mutta ne eivät voi vahvistaa, onko widgetistä hyötyä oikeille kävijöille. Testaa koko käyttökokemus, äläkä vain ensimmäistä painiketta.

Näppäimistön testi

Käytä ainoastaan ​​näppäimistöä widgetin etsimiseen, sen avaamiseen, lomakkeen täyttämiseen, virheen laukaisemiseen, virheen korjaamiseen, lomakkeen lähettämiseen ja paneelin sulkemiseen. Tarkista, pysyykö kohdistus näkyvissä ja looginen koko ajan.

Näytönlukijan testi

Käytä käyttöjärjestelmässäsi olevaa näytönlukuohjelmaa ja kuuntele, miten widget ilmoitetaan. Varmista, että painikkeet, kentät, otsikot, pakolliset tilat, virheet ja onnistumisviestit ovat ymmärrettäviä. Jos widget avaa valintaikkunan, varmista, että sen tarkoitus ja sulkemistoiminto ilmoitetaan.

Zoomaus- ja uudelleenjuoksutustesti

Suurenna selaimen zoomausta ja tarkista, onko widget edelleen käytettävissä peittämättä sivua tai aiheuttamatta vaakasuuntaista vieritystä. Kokeile widgetiä eri näyttöalueen leveyksillä ja suunnissa.

Mobiili testi

Napauta jokaista painiketta puhelimella tai tabletilla. Avaa lomake, kun virtuaalinäppäimistö on näkyvissä. Tarkista widgetin ja muiden kiinteiden elementtien, kuten evästeilmoitusten, kiinni jäävien otsikoiden, esteettömyystoimintojen ja kassapalkkien, välinen etäisyys.

Sisältötesti

Pyydä jotakuta, joka ei tunne sivustoa, selittämään, mitä widget tekee ja mitä tapahtuu kunkin toiminnon jälkeen. Jos he eivät pysty päättelemään, aloittavatko he keskustelun, lähettävätkö sähköpostia vai soittavatko he yritykseen, paranna otsikoita.

10. Seuraa widgetejä WordPress-päivitysten jälkeen

Saavutettavuus voi heikentyä, kun päivität WordPressiä, teemaa, widget-lisäosaa tai muuta sivuasetteluun vaikuttavaa lisäosaa. Aiemmin näkyvissä ollut sulkemispainike voi peittyä uudella kiinni jäävällä otsikolla. Teeman päivitys voi muuttaa värejä. Lomakeintegraatio voi muuttaa validointiviestejä.

Merkittävien päivitysten jälkeen toista lyhyt tarkistuslista:

1. Avaa kotisivu, yhteydenottosivu, tuotesivu ja kassasivu.
2. Testaa widgetiä näppäimistöllä.
3. Tarkista mobiililaitteen asettelu.
4. Lähetä testiviesti ja varmista, että se saapuu oikeaan kohteeseen.
5. Varmista, että ilmoitukset ja vastausodotukset ovat edelleen oikein.
6. Tarkista widgetin näkyvyyssäännöt ja ajoitus.

Jos hallinnoit useita WordPress-sivustoja, johdonmukainen määritys voi vähentää ylläpitotyötä. My Sticky Elements sisältää Pro-versiossaan tuonti- ja vientityönkulun widget-asetuksille, kuten Premio-ohjekeskuksen oppaassa widget-asetusten tuonnista ja viennistä on kuvattu . Vaikka käyttäisit asetuksia uudelleen, testaa jokainen sivusto erikseen, koska teemat, asettelut ja muut kiinteät elementit voivat vaihdella.

Esteettömän kelluvan widgetin tarkistuslista

Käytä tätä tarkistuslistaa ennen uuden kelluvan widgetin julkaisemista:

• Widgetillä on selkeä ja kuvaava otsikko.
• Pelkkien kuvakkeiden sisältävillä ohjausobjekteilla on merkitykselliset, esteettömät nimet.
• Widgetiin pääsee käsiksi ja sitä voidaan käyttää näppäimistöllä.
• Tarkkuus pysyy näkyvissä joka vaiheessa.
• Läheinen toiminta on helppo löytää.
• Lomakekentillä on pysyvät otsikot.
• Pakolliset kentät ja virheilmoitukset selitetään tekstissä.
• Väri ei ole ainoa tapa välittää tietoa.
• Teksti ja säätimet pysyvät luettavina myös suurennetulla zoomauksella.
• Kosketuskohteet ovat riittävän suuria ja sopivalla etäisyydellä toisistaan.
• Widget ei kata olennaista sisältöä tai maksutoimintoja.
• Animaatiot ja huomiotehosteet ovat rajalliset.
• Automaattista avaamista ja toistuvia kehotteita vältetään tai niitä kontrolloidaan huolellisesti.
• Sivun kohdentaminen heijastaa kävijän tarkoitusperiä.
• Vastausajat ja kanavien saatavuus on kuvattu tarkasti.
• Widgetiä testataan lisäosien, teeman ja WordPressin päivitysten jälkeen.

Usein kysyttyjä kysymyksiä

Tarvitsenko erillisen esteettömyyslaajennuksen kelluvalle widgetille?

Ei välttämättä. Esteettömyyslaajennus voi tarjota hyödyllisiä sivustonlaajuisia työkaluja, mutta se ei automaattisesti tee jokaisesta kolmannen osapuolen widgetistä esteetöntä. Sinun on silti tarkistettava widgetin otsikot, näppäimistön toiminta, kontrasti, kohdistuksen käsittely, mobiiliasettelu, lomakekentät ja ajoitus.

Ovatko kelluvat widgetit automaattisesti WCAG-yhteensopivia?

Ei. Lisäosan saatavuus tai saavutettavuuteen liittyvät asetukset eivät takaa vaatimustenmukaisuutta verkkosivustollasi. Lopullinen käyttökokemus riippuu teemasta, väreistä, sisällöstä, mukautetusta CSS:stä, integraatioista, kohdistussäännöistä ja muista lisäosista. Käytä WCAG:tä referenssinä, testaa koko käyttäjäkokemus ja hae ammattimaista saavutettavuusneuvontaa, kun organisaatiollasi on erityisiä lakisääteisiä tai sopimusvelvoitteita.

Pitäisikö minun piilottaa kelluva widget mobiilikäyttäjiltä?

Yleensä parempi lähestymistapa on luoda mobiiliystävällinen versio. Vähennä kanavien määrää, lisää riviväliä, valitse sopiva sijainti ja varmista, että widget ei peitä tärkeitä säätimiä. Piilota se mobiililaitteella vain silloin, kun sitä ei voida käyttää tai kun se häiritsee kriittistä tehtävää.

Onko pelkkä kuvake -chat-painike esteetön?

Se voi olla, kunhan sillä on merkityksellinen ja esteetön nimi sekä näkyvä kohdistustila. Näkyvä tekstitunniste on kuitenkin usein selkeämpi kaikille, erityisesti vierailijoille, jotka eivät tunne kuvaketta tai jotka käyttävät käännös-, zoomaus- tai ääniohjaustyökaluja.

Kuinka usein minun pitäisi testata WordPress-widgettejäni?

Testaa niitä widgetin asentamisen tai uudelleensuunnittelun jälkeen, merkittävien WordPress- tai teemapäivitysten jälkeen ja aina, kun muutat mukautettua CSS:ää, lomakkeita, sivuasetteluja tai integraatioita. Nopea kuukausittainen näppäimistö- ja mobiilitarkistus voi myös havaita tahattomat regressiot ennen kuin kävijät ilmoittavat niistä.

Lopullinen ajatuksia

Esteetön, kelluva WordPress-widget on kohdennettu, ennustettava, luettava ja helppokäyttöinen. Aloita antamalla widgetille selkeä tarkoitus ja paranna sitten näppäimistöpolkua, otsikoita, kontrastia, mobiililaitteiden välistystä, ajoitusta ja sivun kohdentamista. Lopuksi testaa koko vuorovaikutusta sen sijaan, että olettaisit visuaalisesti houkuttelevan painikkeen olevan kaikkien käytettävissä.

Työkalut, kuten Chaty ja My Sticky Elements, voivat auttaa WordPress-sivustojen omistajia keskittämään yhteydenotto- ja viestintävaihtoehtoja. Heidän asetuksensa ovat tehokkaimpia, kun ne yhdistetään saavutettavaan tekstiin, huolelliseen sijoitteluun, rajoitettuun keskeytykseen ja säännölliseen testaukseen. Tavoitteena ei ole tehdä widgetistä näkyvämpää hinnalla millä hyvänsä – sen tarkoituksena on tarjota oikeaa apua useammille kävijöille.