{"id":136,"date":"2022-11-01T10:14:55","date_gmt":"2022-11-01T08:14:55","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=136"},"modified":"2025-05-15T13:52:31","modified_gmt":"2025-05-15T10:52:31","slug":"pikaopas-kognitiiviseen-saavutettavuuteen","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/pikaoppaita-saavutettavuuteen\/pikaopas-kognitiiviseen-saavutettavuuteen\/","title":{"rendered":"Pikaopas kognitiiviseen saavutettavuuteen"},"content":{"rendered":"\n

1. Pid\u00e4 sivuston rakenne selke\u00e4n\u00e4.<\/strong><\/h2>\n

Huolehdi, ett\u00e4 sivuston rakenne on sellainen, ett\u00e4 se auttaa k\u00e4ytt\u00e4j\u00e4\u00e4 kiinnitt\u00e4m\u00e4\u00e4n huomion olennaisiin asioihin. Sijoita olennaisimmat sis\u00e4ll\u00f6t tai toiminnot aina sivun yl\u00e4osaan. Pid\u00e4 sivupohjan rakenne yhdenmukaisena sivuston eri osioissa.<\/p>\n

\n2. Tee sivustolla liikkumisesta helppoa<\/strong>.<\/h2>\n

Pid\u00e4 valikko selke\u00e4n\u00e4 ja helppok\u00e4ytt\u00f6isen\u00e4. V\u00e4lt\u00e4 monitasoisia valikkoja. Huolehdi, ett\u00e4 k\u00e4ytt\u00e4j\u00e4 n\u00e4kee selke\u00e4sti oman sijaintinsa sivustolla.<\/p>\n

3. Pid\u00e4 informaation m\u00e4\u00e4r\u00e4 riitt\u00e4v\u00e4n pienen\u00e4.<\/strong><\/h2>\n

V\u00e4lt\u00e4 pitki\u00e4 tekstimassoja ja lukemista h\u00e4iritsevi\u00e4 elementtej\u00e4. J\u00e4sentele pidempi\u00e4 tekstej\u00e4 esimerkiksi v\u00e4liotsikoiden avulla.<\/p>\n

4. Tee sivuston eri elementeist\u00e4 helposti tunnistettavia.<\/strong><\/h2>\n

Merkitse linkit, painikkeet ja muut sivun elementit niin, ett\u00e4 ne on helppo tunnistaa. Erota ne riitt\u00e4v\u00e4n selke\u00e4sti toisistaan, \u00e4l\u00e4k\u00e4 k\u00e4yt\u00e4 samaa merkitsemistapaa eri elementeiss\u00e4.<\/p>\n

5. Sijoita toisiinsa liittyv\u00e4t elementit l\u00e4helle toisiaan.<\/strong><\/h2>\n

J\u00e4sentele esimerkiksi otsikko ja sit\u00e4 seuraava teksti selke\u00e4ksi kokonaisuudeksi.<\/p>\n

6. Tee sivustosta visuaalisesti kiinnostava ja helppolukuinen.<\/strong><\/h2>\n

Suosi grafiikkaa, kuvia ja videoita, jotka ovat selkeit\u00e4 ja helposti ymm\u00e4rrett\u00e4vi\u00e4. Varmista, ett\u00e4 ne eiv\u00e4t ole ristiriidassa tekstin sis\u00e4ll\u00f6n kanssa.<\/p>\n

7. K\u00e4yt\u00e4 helppolukuista ja selke\u00e4\u00e4 fonttia.<\/strong><\/h2>\n

Suosi fonttia, joka on yleisesti tunnettu. Pid\u00e4 fonttikoko ja riviv\u00e4li riitt\u00e4v\u00e4n suurina ja sis\u00e4lt\u00f6palsta tavallista kapeampana. Lado teksti oikealta liehuksi.<\/p>\n

8. Erota tekstin eri osat selke\u00e4sti toisistaan.<\/strong><\/h2>\n

Huolehdi, ett\u00e4 eri tasoiset otsikot, ingressi, leip\u00e4teksti ja kuvatekstit ovat tunnistettavissa ja erottuvat selke\u00e4sti toisistaan.<\/p>\n

9. Huolehdi riitt\u00e4v\u00e4st\u00e4 tummuuskontrastista.<\/strong><\/h2>\n

Varmista, ett\u00e4 tekstin tai graafisten elementtien ja taustan v\u00e4linen tummuuskontrasti on riitt\u00e4v\u00e4n suuri.<\/p>\n

\n10. K\u00e4yt\u00e4 ymm\u00e4rrett\u00e4v\u00e4\u00e4 kielt\u00e4.<\/strong>
\n<\/strong>\n<\/h2>\n

Pid\u00e4 tekstin lukija mieless\u00e4si, kun kirjoitat. K\u00e4yt\u00e4 sivustolla selke\u00e4\u00e4 yleiskielt\u00e4 tai selkokielt\u00e4, jos se on kohderyhm\u00e4n kannalta perusteltua.<\/p>\n

Bonus:<\/strong> Jos selkokielinen sivu tai osio on osana yleiskielist\u00e4 sivustoa, huolehdi siit\u00e4, ett\u00e4 selkokielinen sivu on helppo l\u00f6yt\u00e4\u00e4 sivustolta.<\/p>\n

Lis\u00e4tietoa<\/h2>\n