{"id":140,"date":"2022-11-01T10:55:33","date_gmt":"2022-11-01T08:55:33","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=140"},"modified":"2025-05-15T13:05:52","modified_gmt":"2025-05-15T10:05:52","slug":"kognitiivinen-saavutettavuus","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/kognitiivinen-saavutettavuus\/","title":{"rendered":"Kognitiivinen saavutettavuus"},"content":{"rendered":"\n

Kognitiivinen saavutettavuus tarkoittaa sit\u00e4, ett\u00e4 verkkopalvelua on mahdollisimman helppo k\u00e4ytt\u00e4\u00e4 ja ymm\u00e4rt\u00e4\u00e4. Kognitiivinen saavutettavuus siis k\u00e4sitt\u00e4\u00e4 verkkopalvelun helppok\u00e4ytt\u00f6isyyden sek\u00e4 sis\u00e4ll\u00f6n ymm\u00e4rrett\u00e4vyyden. Kognitiivinen saavutettavuus palvelee kaikkia, mutta osalle verkon k\u00e4ytt\u00e4jist\u00e4 se on v\u00e4ltt\u00e4m\u00e4tt\u00f6myys.<\/p>\n

Kognitiivisesta saavutettavuudesta hy\u00f6tyv\u00e4t erityisesti k\u00e4ytt\u00e4j\u00e4t, jotka eiv\u00e4t ole tottuneita verkon k\u00e4ytt\u00e4ji\u00e4 tai joilla on haasteita esimerkiksi oppimisessa, hahmottamisessa, muistissa tai tekstien ymm\u00e4rt\u00e4misess\u00e4 \u2013 siis erilaisissa kognitiivissa taidoissa.<\/p>\n

T\u00e4lle sivulle on koottu ohjeita siit\u00e4, miten sivuista voi tehd\u00e4 kognitiivisesti saavutettavampia. Lis\u00e4ksi Papunet on kehitt\u00e4nyt kriteerit verkkopalveluiden kognitiivisen saavutettavuuden arviointiin. Kriteerist\u00f6 on tarkoitettu asiantuntija-arviointiin, mutta sit\u00e4 voi hy\u00f6dynt\u00e4\u00e4 my\u00f6s verkkosivujen suunnittelussa ja kehityksess\u00e4.<\/p>\n

Lataa kriteerist\u00f6 verkkopalvelun kognitiivisen saavutettavuuden arviointiin<\/a> (docx, 40,5 kt).<\/p>\n

1. Ulkoasun ymm\u00e4rrett\u00e4vyys<\/h2>\n

Muotoile ja sijoittele elementit niin, ett\u00e4 ulkoasu kertoo niiden merkityksest\u00e4 ja suhteesta toisiinsa<\/h3>\n

Otsikkojen, leip\u00e4tekstien, navigaatiovalikkojen, linkkien, lomake-elementtien, painikkeiden ynn\u00e4 muiden sivuston elementtien tulee olla tunnistettavissa ja erotettavissa toisistaan ulkoasun perusteella. Elementtien, joilla on sama tarkoitus tai jotka toimivat samalla lailla, on hyv\u00e4 muistuttaa toisiaan my\u00f6s visuaalisesti.<\/p>\n

My\u00f6s elementtien sijoittelu kertoo niiden tarkoituksesta ja suhteesta toisiinsa. Jos elementit liittyv\u00e4t toisiinsa, niiden tulisi olla my\u00f6s l\u00e4hell\u00e4 toisiaan. Elementtiin liittyvi\u00e4 toimintopainikkeita etsit\u00e4\u00e4n usein l\u00e4hiet\u00e4isyydelt\u00e4.<\/p>\n

Jos sivulla on per\u00e4kk\u00e4in esimerkiksi teksti\u00e4 ja kuvia, tekstin miellet\u00e4\u00e4n liittyv\u00e4n l\u00e4himp\u00e4n\u00e4 teksti\u00e4 olevaan kuvaan riippumatta siit\u00e4, onko teksti kuvan yl\u00e4- vai alapuolella.<\/p>\n

Muotoile teksti niin, ett\u00e4 se on helppolukuista. Kirjasintyypin tulee olla kirjainmuodoiltaan selke\u00e4 ja ilmava. Tehokeinoja, kuten lihavointia tai kursivointia, kannattaa k\u00e4ytt\u00e4\u00e4 harkiten. Riviv\u00e4lin tulee olla riitt\u00e4v\u00e4. Tekstirivit eiv\u00e4t saa olla liian pitki\u00e4, ja teksti tulee olla tasattu vasempaan reunaan.<\/p>\n

2. Informaation m\u00e4\u00e4r\u00e4<\/h2>\n

Pid\u00e4 kerralla n\u00e4kyviss\u00e4 olevan informaation m\u00e4\u00e4r\u00e4 kohtuullisena<\/h3>\n

N\u00e4yt\u00f6ll\u00e4 on samaan aikaan n\u00e4kyvill\u00e4 vain kohtuullinen m\u00e4\u00e4r\u00e4 eri elementtej\u00e4, esimerkiksi teksti\u00e4, linkkej\u00e4 tai kuvia. Liian suuri m\u00e4\u00e4r\u00e4 tietoa vaikeuttaa silm\u00e4ilemist\u00e4 ja kohteita on vaikea erottaa toisistaan. N\u00e4yt\u00e4 vain kontekstin kannalta t\u00e4rke\u00e4 informaatio ja toiminnot<\/p>\n

N\u00e4yt\u00f6ll\u00e4 on hyv\u00e4 olla n\u00e4kyvill\u00e4 vain kuhunkin kontekstiin liittyv\u00e4 informaatio. Muu tulisi piilottaa (esimerkiksi linkin tai toimintopainikkeen taakse) tai poistaa kokonaan. Esimerkiksi sis\u00e4lt\u00f6tekstin viereen ei kannata sijoittaa sis\u00e4lt\u00f6\u00f6n liittym\u00e4tt\u00f6mi\u00e4 kuvia tai linkkej\u00e4 muualle sis\u00e4lt\u00f6\u00f6n.<\/p>\n

3. Sivustolla liikkuminen<\/h2>\n

Tee sivustolla liikkumisesta selke\u00e4\u00e4, jotta sis\u00e4lt\u00f6 on helppo l\u00f6yt\u00e4\u00e4<\/h3>\n

Sivuston rakenteen eli sivujen v\u00e4lill\u00e4 liikkumisen ja sivujen luokitteluj\u00e4rjestyksen tulee olla loogisia ja ymm\u00e4rrett\u00e4vi\u00e4. Monen rinnakkaisen navigaatiorakenteen k\u00e4ytt\u00e4mist\u00e4 tulee v\u00e4ltt\u00e4\u00e4. Sivuhierarkia ei saa olla liian monitasoinen tai muulla tavoin hankala hahmottaa.<\/p>\n

Tee sivuston toiminnasta ennakoitavaa<\/h3>\n

Kun klikataan linkki\u00e4 tai toimintopainiketta, se ei saa aiheuttaa suurta muutosta sivupohjan rakenteessa. Jos sivupohjan rakenne muuttuu, muutoksesta tulee informoida k\u00e4ytt\u00e4j\u00e4\u00e4 etuk\u00e4teen tai sen on oltava muuten ennakoitavissa. Sivuston eri osioiden tulee olla ulkoasultaan riitt\u00e4v\u00e4n yhten\u00e4isi\u00e4 ja sivun perusosien sijainnin tulee s\u00e4ily\u00e4 samana linkin klikkaamisen j\u00e4lkeen.<\/p>\n

My\u00f6sk\u00e4\u00e4n toimintopainikkeen klikkaaminen ei saa aiheuttaa odottamattomia muutoksia.<\/p>\n

Linkkitekstin olisi hyv\u00e4 vastata sen sivun otsikkoa, jolle linkist\u00e4 siirryt\u00e4\u00e4n.<\/p>\n

4. Palaute k\u00e4ytt\u00e4j\u00e4lle<\/h2>\n

N\u00e4yt\u00e4 k\u00e4ytt\u00e4j\u00e4lle h\u00e4nen sijaintinsa sivustolla<\/h3>\n

K\u00e4ytt\u00e4j\u00e4n nykyinen sijainti sivustolla tulee ilmaista selke\u00e4sti esimerkiksi navigaatiovalikon linkin korostusv\u00e4rill\u00e4 tai niin sanotun murupolun avulla. Ilmoita monivaiheisen toiminnon vaiheet.<\/p>\n

Jos toimintoon liittyy monta vaihetta, k\u00e4ytt\u00e4j\u00e4lle tulee ilmoittaa selke\u00e4sti, montako eri vaiheita on, miss\u00e4 vaiheessa ollaan ja mik\u00e4 on seuraava askel.<\/p>\n

Kerro lomakekenttien yhteydess\u00e4, mit\u00e4 kentt\u00e4\u00e4n tulisi sy\u00f6tt\u00e4\u00e4 ja miss\u00e4 muodossa<\/h3>\n

Otsikkotekstien tulee kuvata selke\u00e4sti ja k\u00e4ytt\u00e4j\u00e4n tuntemin termein, mit\u00e4 lomakekentt\u00e4\u00e4n tulisi kirjoittaa. Jos edellytet\u00e4\u00e4n tiedon sy\u00f6tt\u00e4mist\u00e4 tarkasti m\u00e4\u00e4ritellyss\u00e4 muodossa, t\u00e4t\u00e4 tulee havainnollistaa esimerkeill\u00e4 lomakekent\u00e4n yhteydess\u00e4.<\/p>\n

Ilmoita toiminnon onnistumisesta tai virheest\u00e4<\/h3>\n

Kun toiminto (esimerkiksi lomakkeen l\u00e4hett\u00e4minen) on onnistunut, siit\u00e4 tulee ilmoittaa k\u00e4ytt\u00e4j\u00e4lle selke\u00e4sti. Jos toiminnon suorittaminen ep\u00e4onnistuu, k\u00e4ytt\u00e4j\u00e4lle tulee ilmoittaa virheest\u00e4 selke\u00e4sti ja kertoa, miten ongelman voi korjata. T\u00e4m\u00e4 onnistuu osoittamalla virheen paikka, esitt\u00e4m\u00e4ll\u00e4 korjausehdotus tai kertomalla vaihtoehtoisista menettelytavoista.<\/p>\n

5. Kieli ja terminologia<\/h2>\n

K\u00e4yt\u00e4 selkokielt\u00e4 tai selke\u00e4\u00e4 yleiskielelt\u00e4.<\/p>\n

Kaikissa sivuston teksteiss\u00e4 tulisi k\u00e4ytt\u00e4\u00e4 konkreettista ja k\u00e4ytt\u00e4j\u00e4l\u00e4ht\u00f6ist\u00e4 selke\u00e4\u00e4 yleiskielt\u00e4 tai selkokielt\u00e4, jos se on kohderyhm\u00e4n kannalta perusteltua. Pitki\u00e4 tekstimassoja kannattaa v\u00e4ltt\u00e4\u00e4 ja suosia lyhyit\u00e4 kappaleita, v\u00e4liotsikoita, listoja, kuvia ja videoita.<\/p>\n

T\u00e4rkein asia tulee sijoittaa tekstin alkuun tai korostaa sit\u00e4 muilla keinoin. My\u00f6s linkeiss\u00e4 ja toimintopainikkeissa tulee k\u00e4ytt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4lle tuttua kielt\u00e4.<\/p>\n

Ohjeita selkokielen kirjoittamiseen on Selkokeskuksen sivuilla.<\/a><\/p>\n

Lis\u00e4tietoa<\/h2>\n