Päivität etusivusi myöhään tiistai-iltana. Otsikko on kunnossa ja kuvat ovat kunnossa, mutta kävijät poistuvat silti sekunneissa. Alat miettiä, onko saavutettava verkkosivusuunnittelu se asia, jonka olet jättänyt huomaamatta. Usein on. Pienet visuaaliset valinnat muokkaavat ensivaikutelmaa nopeammin kuin useimmat yrittäjät arvaavat.
Saavutettava verkkosivusuunnittelu varmistaa, että vammaiset ihmiset voivat havaita, selata ja käyttää sivustoasi. Tässä luvussa kerrotaan selkeästi, mitä tämä tarkoittaa, miksi se vaikuttaa verkkosivuusi ja markkinointiisi ja miten voit soveltaa sitä ilman alan sanahelinää. Näet myös, miten ADA-yhteensopiva verkkosivusuunnittelu liittyy samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä on saavutettava verkkosivusuunnittelu
Saavutettava verkkosivusuunnittelu varmistaa, että vammaiset ihmiset voivat havaita, selata ja käyttää sivustoasi.
Käytännössä saavutettava verkkosivusuunnittelu näkyy verkkosivusi otsikkokuvissa, palvelusivuilla, some-grafiikoissa ja painetuissa materiaaleissa. Kun osaat nimetä sen oikein, voit ohjeistaa suunnittelijoita nopeammin ja arvioida luonnoksia varmemmin.
Lähiaiheet, kuten ADA-yhteensopiva verkkosivusuunnittelu, liittyvät suoraan tähän. Pidä ne mielessä, kun luet loput tästä osiosta.
Saavutettavuus laajentaa yleisöäsi ja vähentää oikeudellista riskiä.
Miksi saavutettavalla verkkosivusuunnittelulla on merkitystä yrityksellesi?
Asiakkaat arvioivat uskottavuutta asettelun perusteella ennen kuin lukevat jokaisen sanan. Selkeä visuaalinen rakenne vähentää kitkaa ja tekee tarjouksista helpommin ymmärrettäviä.
Osallistava suunnittelu huomioi pysyvät ja tilapäiset toimintakyvyn erot.
Tarkista ensin lomakkeiden ja valikoiden värikontrasti ja näppäimistön kohdistus.
Jos haluat nähdä, miten tämä liittyy lähiaiheisiin, lue seuraavaksi miten tehdä verkkosivusta ADA-yhteensopiva ja ADA-yhteensopiva verkkosivusuunnittelu.
Käytännön tarkistuslista, jota voit käyttää heti
Tarkista ensin lomakkeiden ja valikoiden värikontrasti ja näppäimistön kohdistus.
Kun käyt läpi jotakin sivua, kysy, näkyykö saavutettava verkkosivusuunnittelu jo ensimmäisellä vierityksellä mobiilissa. Jos ei näy, vaihda osioiden järjestystä ennen kuin viilaat yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi saavutettavassa verkkosivusuunnittelussa sivustollasi.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta ADA-yhteensopiva verkkosivusuunnittelu pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset. Näin muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä jää pelkän maun varaan.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät koske vain yhtä sivua. Osallistava suunnittelu huomioi pysyvät ja tilapäiset toimintakyvyn erot.
Sosiaalisen median julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa hajota, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä sivua osallistava suunnittelu vertaillaksesi muistiinpanojasi tämän osion toiseen lukuun.
Saavutettavuus laajentaa yleisöäsi ja vähentää oikeudellista riskiä.
Kysymyksiä, jotka usein unohtuvat
Lisähakusanat, kuten ADA-yhteensopiva verkkosivusuunnittelu ja osallistava suunnittelu, auttavat sinua löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Osallistava suunnittelu huomioi pysyvät ja tilapäiset toimintakyvyn erot.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimisi käyttää samoja käsitteitä saavutettavasta verkkosivusuunnittelusta, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelu- ja tyyliongelmiin et tarvitse omaa koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja kirjasimia ja katsoa samalla mobiili- ja työpöytänäkymää.
WEMASY sisältää Sivustonrakentajan visuaalisella muokkauksella, joten voit julkaista muutokset odottamatta kehittäjää jokaiseen pieneen säätöön. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, lue uudelleen miten tehdä verkkosivusta ADA-yhteensopiva ja ADA-yhteensopiva verkkosivusuunnittelu, jotta kokonaisuus pysyy mielessäsi.
Sinulla on nyt toimiva tapa katsoa saavutettavaa verkkosivusuunnittelua. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuilla ADA-yhteensopiva verkkosivusuunnittelu ja osallistava suunnittelu, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan saavutettavan verkkosivusuunnittelun parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työvaiheessa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja ota samat säännöt käyttöön palvelu- ja yhteystietosivuilla.
Tarvitsetko suunnittelijan saavutettavaan verkkosivusuunnitteluun?
Suunnittelija auttaa laajoissa brändiuudistuksissa, mutta moni saavutettavaan verkkosivusuunnitteluun liittyvä asia on helppo hoitaa itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla sivua miten tehdä verkkosivusta ADA-yhteensopiva, niin saat aiheesta lisää tietoa.
Voiko WEMASY auttaa soveltamaan saavutettavaa verkkosivusuunnittelua verkkosivullasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit säätää asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia mobiilissa.
Mikä on yleisin virhe saavutettavassa verkkosivusuunnittelussa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi tärkein tavoite, esimerkiksi luettavuus tai kontrasti, ja katso sitten sivulta ADA-yhteensopiva verkkosivusuunnittelu seuraava parannus.
Miten saavutettava verkkosivusuunnittelu liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee sitä, mitä hakukoneet seuraavat. Yhdistä suunnittelun korjaukset hyvään sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa opiskella seuraavaksi saavutettavan verkkosivusuunnittelun jälkeen?
Jatka tämän kirjan sivuilla miten tehdä verkkosivusta ADA-yhteensopiva ja ADA-yhteensopiva verkkosivusuunnittelu, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.