Saavutettavat kotisivut ja verkkopalvelut
Saavutettavat kotisivut palvelevat mahdollisimman monia käyttäjiä riippumatta käyttäjän toimintakyvystä, päätelaitteesta tai käytössä olevasta avustavasta teknologiasta. Mediakumpu suunnittelee ja toteuttaa saavutettavia verkkosivustoja, joissa WCAG-vaatimukset, käytettävyys ja näyttävä visuaalinen suunnittelu kulkevat käsi kädessä.
Saavutettavat kotisivut – toimivat kaikille käyttäjille
Saavutettavuus kannattaa huomioida jo kotisivujen suunnitteluvaiheessa. Kun sivuston rakenne, navigointi, sisällöt, kontrastit ja tekninen toteutus suunnitellaan saavutettavuus huomioiden, lopputuloksena syntyy selkeä ja helppokäyttöinen verkkopalvelu kaikille käyttäjille.
Mediakumpu toteuttaa saavutettavia kotisivuja yrityksille, järjestöille, julkisille organisaatioille ja muille toimijoille. Saavutettavuus ei tarkoita kompromisseja visuaalisessa suunnittelussa – verkkosivusto voi olla samanaikaisesti saavutettava, näyttävä ja yrityksen brändin mukainen.
Mitä verkkosivujen saavutettavuus tarkoittaa?
Verkkopalvelun saavutettavuudella tarkoitetaan sitä, että mahdollisimman moni ihminen pystyy käyttämään palvelua ja ymmärtämään sen sisältöä. Saavutettavuudessa huomioidaan esimerkiksi näköön, kuuloon, motoriikkaan ja tiedon käsittelyyn liittyviä erilaisia tarpeita sekä avustavien teknologioiden käyttö.
Hyvä saavutettavuus hyödyttää kuitenkin kaikkia käyttäjiä. Selkeä rakenne, ymmärrettävä sisältö, toimiva navigointi ja hyvä tekninen toteutus tekevät verkkosivustosta yleisesti paremman käyttää.
Saavutettavalla verkkosivustolla huomioidaan esimerkiksi:
Selkeä sivurakenne
Sisältö ja otsikkotasot muodostavat loogisen kokonaisuuden.
Näppäimistökäyttö
Sivuston olennaisia toimintoja voidaan käyttää ilman hiirtä.
Riittävät kontrastit
Tekstit ja käyttöliittymän elementit erottuvat taustastaan.
Kuvien tekstivastineet
Sisältöä välittävillä kuvilla on tarkoituksenmukaiset vaihtoehtoiset tekstit.
Saavutettavat lomakkeet
Kentät, ohjeet ja virheilmoitukset ovat ymmärrettäviä.
Avustavat teknologiat
Tekninen rakenne tukee esimerkiksi ruudunlukijoiden käyttöä.
WCAG – verkkosisällön saavutettavuusohjeet
WCAG (Web Content Accessibility Guidelines) on kansainvälinen verkkosisältöjen saavutettavuutta koskeva ohjeistus. Sen periaatteiden tavoitteena on tehdä verkkopalveluista havaittavia, hallittavia, ymmärrettäviä ja toimintavarmoja mahdollisimman monille käyttäjille.
WCAG-vaatimukset on jaettu A-, AA- ja AAA-tasoihin. Käytännössä verkkopalvelujen saavutettavuudessa keskeisessä asemassa ovat A- ja AA-tason onnistumiskriteerit.
Digipalvelujen saavutettavuusvaatimukset
Digitaalisten palvelujen saavutettavuutta koskevat vaatimukset ovat laajentuneet koskemaan aiempaa useampia palveluita. Saavutettavuusvaatimukset voivat koskea esimerkiksi verkkosivustoja, verkkokauppoja ja muita digitaalisia palveluita organisaatiosta ja tarjottavasta palvelusta riippuen.
Saavutettavuus kannattaa nähdä lakisääteisten velvoitteiden lisäksi osana hyvää verkkopalvelun suunnittelua. Saavutettava palvelu on yleensä selkeämpi ja helpompi käyttää kaikille asiakkaille.
Saavutettavuusseloste
Saavutettavuusseloste kertoo verkkopalvelun saavutettavuuden tilasta, mahdollisista saavutettavuuspuutteista sekä siitä, miten käyttäjä voi antaa saavutettavuuspalautetta.
Saavutettavuusselosteen tarve riippuu verkkopalvelusta ja sitä koskevista saavutettavuusvaatimuksista. Seloste ei itsessään tee verkkosivustosta saavutettavaa, vaan sen tulee perustua palvelun saavutettavuuden arviointiin.
Saavutettavuus huomioidaan suunnittelusta toteutukseen
1
Suunnittelu
Saavutettavuus huomioidaan jo sivuston rakenteen, käyttöliittymän ja visuaalisen ilmeen suunnittelussa.
2
Toteutus
Sivusto rakennetaan teknisesti siten, että esimerkiksi navigointi, otsikkorakenne, lomakkeet ja käyttöliittymän elementit toimivat mahdollisimman saavutettavasti.
3
Sisältö
Myös sisältö vaikuttaa saavutettavuuteen. Selkeä kieli, kuvaavat linkkitekstit, loogiset otsikot ja kuvien vaihtoehtoiset tekstit helpottavat sisällön käyttämistä ja ymmärtämistä.
Verkkokaupan saavutettavuus
Verkkokaupan saavutettavuudessa on huomioitava koko asiakkaan ostopolku tuotteiden selaamisesta tilauksen tekemiseen. Tuotetietojen, navigoinnin, hakutoimintojen, lomakkeiden, ostoskorin ja kassaprosessin tulisi olla mahdollisimman selkeitä ja käytettäviä myös näppäimistöllä ja avustavilla teknologioilla.
Saavutettavuus kannattaa huomioida jo verkkokaupan suunnittelu- ja toteutusvaiheessa, jolloin se voidaan rakentaa luontevaksi osaksi verkkokaupan käyttöliittymää ja asiakaskokemusta.
Saavutettavuusauditointi – tunnista verkkosivuston saavutettavuuspuutteet
Saavutettavuusauditoinnissa selvitetään verkkosivuston tai verkkopalvelun keskeiset saavutettavuuspuutteet ja niiden vaikutukset sivuston käyttämiseen. Tarkastuksessa voidaan käydä läpi esimerkiksi sivuston rakenne, näppäimistökäyttö, kontrastit, lomakkeet, kuvat, linkit ja muut WCAG-vaatimuksiin vaikuttavat ominaisuudet.
Auditoinnin perusteella saat selkeämmän kuvan siitä, mitä sivustolla kannattaa korjata ja missä järjestyksessä saavutettavuutta voidaan parantaa.
Saavutettavia kotisivutoteutuksiamme
Saavutettavuus on ollut tärkeä osa useita toteuttamiamme verkkosivuprojekteja. Tutustu esimerkkeihin kotisivuista, joissa olemme yhdistäneet selkeän rakenteen, helppokäyttöisyyden, saavutettavan teknisen toteutuksen ja yrityksen oman visuaalisen ilmeen toimivaksi kokonaisuudeksi.
Spesio – saavutettavat kotisivut monipuolisille hyvinvointipalveluille
Uudistimme Spesiolle modernit ja saavutettavat kotisivut, joissa monipuoliset hyvinvointipalvelut, eri asiakasryhmät ja helppo yhteydenotto ovat vahvasti esillä.
Lounasravintola Uuniperuna – Ravintolan kotisivut ja brändi-ilme
Uuniperunan logo ja kotisivut suunniteltiin uuden ravintolan tarpeisiin. Lounaslistajärjestelmä tuo päivän lounaan verkkosivuille ja ravintolan infonäytöille.
Saavutettavat PDF-tiedostot
Mediakummusta saat myös saavutettavat PDF-dokumentit visuaalisesta ilmeestä tinkimättä. Saavutettavuus voidaan huomioida niin uuden dokumentin graafisessa suunnittelussa kuin sen teknisessä rakenteessa.
Saavutettavassa PDF-tiedostossa huomioidaan muun muassa dokumentin rakenne, lukujärjestys, otsikot, kuvien tekstivastineet, linkit, kontrastit ja dokumentin tekniset ominaisuudet.
Saavutettavuuden tarkistuslista
Verkkosivuston saavutettavuus muodostuu sisällön, visuaalisen suunnittelun ja teknisen toteutuksen kokonaisuudesta. Tämän tarkistuslistan avulla voit käydä läpi sivustosi keskeisiä saavutettavuuteen vaikuttavia asioita ja tunnistaa kohdat, joissa voi olla parannettavaa. Huomiota kannattaa kiinnittää erityisesti selkeään sisältöön, riittäviin kontrasteihin, näppäimistökäyttöön sekä sivuston toimivuuteen avustavilla teknologioilla.
Sisältö
- Selkeä otsikkorakenne: Käytä otsikoita loogisessa järjestyksessä ja kuvaa niiden avulla selkeästi, mistä kukin sisältöosio kertoo.
- Kuvaavat linkkitekstit: Kirjoita linkit niin, että niiden tarkoitus ja kohde selviävät myös ilman ympäröivää tekstiä.
- Kuvien tekstivastineet: Lisää sisältöä välittäville kuville tarkoituksenmukaiset alt-tekstit, jotka kertovat kuvan olennaisen sisällön.
- Ymmärrettävä sisältö: Suosi selkeää kieltä, riittävän lyhyitä kappaleita ja helposti hahmotettavaa sisältörakennetta.
Ulkoasu
- Riittävät kontrastit: Varmista, että tekstit, painikkeet ja muut tärkeät käyttöliittymän elementit erottuvat riittävästi taustastaan.
- Luettava teksti: Käytä riittävän suurta tekstikokoa, selkeitä kirjasimia sekä väljää riviväliä ja kappalejakoa.
- Näkyvä fokus: Näppäimistöllä liikuttaessa käyttäjän tulee nähdä selvästi, mikä linkki, painike tai muu elementti on aktiivisena.
- Responsiivinen näkymä: Tarkista, että sisältö ja sivuston toiminnot ovat helposti käytettävissä myös puhelimilla, tableteilla ja eri näyttöko’oilla.
Tekniikka
- Toimiva näppäimistökäyttö: Sivuston keskeisiä toimintoja, navigointia ja lomakkeita tulee voida käyttää ilman hiirtä.
- Semanttinen HTML-rakenne: Käytä HTML-elementtejä niiden tarkoituksen mukaisesti, jotta myös selaimet ja avustavat teknologiat ymmärtävät sivun rakenteen.
- Saavutettavat lomakkeet: Anna lomakekentille selkeät nimilaput ja ohjeet sekä varmista, että virhetilanteet kerrotaan käyttäjälle ymmärrettävästi.
- Ruudunlukijayhteensopivuus: Varmista, että sivuston sisältö, navigointi ja tärkeät toiminnot ovat ymmärrettävissä ja käytettävissä myös ruudunlukijalla.
Usein kysyttyä saavutettavuudesta
Saavutettavuus tarkoittaa verkkosivuston suunnittelemista ja toteuttamista siten, että mahdollisimman moni pystyy käyttämään palvelua erilaisista toimintarajoitteista, päätelaitteista tai avustavista teknologioista riippumatta.
WCAG eli Web Content Accessibility Guidelines on kansainvälinen verkkosisältöjen saavutettavuutta koskeva ohjeistus.
Kyllä. Saavutettavuus ei estä persoonallista tai näyttävää visuaalista suunnittelua. Kun saavutettavuus huomioidaan suunnittelun alusta lähtien, käytettävyys, saavutettavuus ja visuaalinen ilme voidaan sovittaa yhteen.
Monia saavutettavuuspuutteita voidaan korjata olemassa olevalta sivustolta. Korjausten laajuus riippuu kuitenkin sivuston rakenteesta, tekniikasta ja nykyisistä saavutettavuusongelmista.
Esimerkiksi sivuston tekninen rakenne, näppäimistökäyttö, kontrastit, otsikkorakenne, lomakkeet, linkit, kuvat ja vaihtoehtoiset tekstit.
Kyllä. Mediakumpu suunnittelee ja toteuttaa saavutettavia PDF-dokumentteja, joissa huomioidaan sekä dokumentin visuaalinen ilme että saavutettavuuden edellyttämä tekninen rakenne.
Saavutettavien kotisivujen hinta riippuu sivuston laajuudesta, toiminnallisuuksista ja saavutettavuudelle asetetuista vaatimuksista. Saavutettavuus kannattaa huomioida jo suunnitteluvaiheessa, jolloin se voidaan toteuttaa luontevana osana koko verkkosivuprojektia. Pyydä meiltä tarjous oman sivustosi toteutuksesta.
Mediakumpu auttaa yrityksiä ja organisaatioita parantamaan verkkosivustojensa saavutettavuutta. Työ voi sisältää sivuston rakenteen, kontrastien, tekstien, kuvien vaihtoehtoisten tekstien, navigoinnin, lomakkeiden ja muiden käyttöliittymän osien tarkistamista sekä havaittujen saavutettavuusongelmien korjaamista.
Kyllä. Olemassa olevan verkkosivuston saavutettavuutta voidaan parantaa ilman koko sivuston uudistamista. Mediakumpu voi kartoittaa sivuston saavutettavuusongelmia ja toteuttaa tarvittavia teknisiä, visuaalisia ja sisällöllisiä korjauksia.
Tarvitsetko saavutettavat kotisivut?
Suunnitellaan verkkosivusto, joka näyttää hyvältä ja palvelee mahdollisimman monia käyttäjiä. Mediakummusta saat verkkosivuston suunnittelun, visuaalisen ilmeen ja teknisen toteutuksen saman katon alta – saavutettavuus huomioiden.