{"id":285,"date":"2022-11-28T12:38:29","date_gmt":"2022-11-28T10:38:29","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=285"},"modified":"2023-01-26T10:14:15","modified_gmt":"2023-01-26T08:14:15","slug":"muista-riittava-tummuuskontrasti","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/saavutettavien-verkkosivujen-suunnitteluopas\/muista-riittava-tummuuskontrasti\/","title":{"rendered":"Muista riitt\u00e4v\u00e4 tummuuskontrasti"},"content":{"rendered":"\n<p>Verkkosivun tekstin ja eri toimintojen tummuuskontrastin on oltava riitt\u00e4v\u00e4n suuri suhteessa taustaan. Riitt\u00e4v\u00e4 tummuuskontrasti parantaa saavutettavuutta, tekee tekstist\u00e4 helpommin luettavaa ja sivun toiminnoista selke\u00e4mpi\u00e4.<\/p>\n<p>Mit\u00e4 pienemp\u00e4\u00e4 teksti\u00e4 k\u00e4ytet\u00e4\u00e4n, sit\u00e4 suurempi tekstin ja taustan v\u00e4lisen tummuuskontrastin on oltava.<\/p>\n<p><a href=\"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/wcag-2-1-saavutettavuusohjeet\/1-4-3-kontrasti-minimi\/\">WCAG 2.1 -oh\u00adjeis\u00adtuk\u00adsen<\/a> AA-tason kriteeriss\u00e4 on m\u00e4\u00e4ritelty, ett\u00e4 normaalikokoisessa tekstiss\u00e4 tekstin ja taustan v\u00e4lisen kontrastisuhteen tulisi olla v\u00e4hint\u00e4\u00e4n 4,5:1. Suurelle tekstille riitt\u00e4\u00e4 pienempi 3:1 kontrastisuhde.<\/p>\n<p>Jos halutaan sivuston t\u00e4ytt\u00e4v\u00e4n tiukemmat AAA-tason kriteerit, kontrastisuhteen on oltava 7:1 normaalikokoiselle tekstille ja 4,5:1 suurelle tekstille.<\/p>\n<p>Teksti m\u00e4\u00e4ritell\u00e4\u00e4n suureksi, jos sen koko on<\/p>\n<ul>\n<li>18 pt \/ 24 px<\/li>\n<li>14 pt \/ 18 px, kun kyse on lihavoidusta tekstist\u00e4.<\/li>\n<\/ul>\n<p>Voit tarkistaa tummuuskontrastien riitt\u00e4vyyden t\u00e4\u00e4lt\u00e4:<\/p>\n<p><a href=\"http:\/\/webaim.org\/resources\/contrastchecker\">http:\/\/webaim.org\/resources\/contrastchecker<\/a><\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Verkkosivun tekstin ja eri toimintojen tummuuskontrastin on oltava riitt\u00e4v\u00e4n suuri suhteessa taustaan. Riitt\u00e4v\u00e4 tummuuskontrasti parantaa saavutettavuutta, tekee tekstist\u00e4 helpommin luettavaa ja sivun toiminnoista selke\u00e4mpi\u00e4. Mit\u00e4 pienemp\u00e4\u00e4 teksti\u00e4 k\u00e4ytet\u00e4\u00e4n, sit\u00e4 suurempi tekstin ja taustan v\u00e4lisen tummuuskontrastin on [&hellip;]<span class=\"moretag\">Lue lis\u00e4\u00e4&#8230;<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":134,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-285","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/285\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/134"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/media?parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}