{"id":214,"date":"2022-11-23T14:23:20","date_gmt":"2022-11-23T12:23:20","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=214"},"modified":"2023-01-23T13:58:27","modified_gmt":"2023-01-23T11:58:27","slug":"1-4-10-responsiivisuus","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/wcag-2-2-saavutettavuusohjeet\/1-4-10-responsiivisuus\/","title":{"rendered":"1.4.10 Responsiivisuus"},"content":{"rendered":"\n<h2>Kri\u00adtee\u00adri (taso AA)<\/h2>\n<p>Si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan esit\u00adt\u00e4\u00e4 il\u00adman si\u00ads\u00e4l\u00adl\u00f6n tai toi\u00admin\u00adnal\u00adli\u00adsuu\u00adden me\u00adnet\u00adt\u00e4\u00admis\u00adt\u00e4 ja il\u00adman kah\u00adden\u00adsuun\u00adtais\u00adta vie\u00adrit\u00adt\u00e4\u00admis\u00adt\u00e4, kun<\/p>\n<ul>\n<li>pys\u00adty\u00adsuun\u00adtaan vie\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n le\u00adveys on 320 CSS-pik\u00adse\u00adli\u00e4<\/li>\n<li>vaa\u00adka\u00adsuun\u00adtaan vie\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n kor\u00adkeus on 256 CSS-pik\u00adse\u00adli\u00e4.<\/li>\n<\/ul>\n<p>T\u00e4m\u00e4 ei koske si\u00ads\u00e4l\u00adl\u00f6n osia, jot\u00adka vaa\u00adti\u00advat kah\u00adden\u00adsuun\u00adtais\u00adta esi\u00adtys\u00adta\u00adpaa k\u00e4y\u00adt\u00f6n tai mer\u00adki\u00adtyk\u00adsen vuok\u00adsi.<\/p>\n<p><em>Huo\u00admau\u00adtus 1:<\/em> 320 CSS-pik\u00adse\u00adli\u00e4 vas\u00adtaa 1280 CSS-pik\u00adse\u00adlin le\u00advyis\u00adt\u00e4 se\u00adlai\u00adnik\u00adku\u00adnaa, joka on zoo\u00admat\u00adtu 400 % ko\u00adkoi\u00adsek\u00adsi. Vaa\u00adka\u00adsuun\u00adtaan vie\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4s\u00ads\u00e4 si\u00ads\u00e4l\u00adl\u00f6s\u00ads\u00e4 (esim. pys\u00adty\u00adsuun\u00adtai\u00adnen kir\u00adjoi\u00adtus) 256 CSS-pik\u00adse\u00adli\u00e4 vas\u00adtaa 1024 px kor\u00adke\u00adaa se\u00adlai\u00adnik\u00adku\u00adnaa, joka on zoo\u00admat\u00adtu 400 % ko\u00adkoi\u00adsek\u00adsi.<\/p>\n<p><em>Huo\u00admau\u00adtus 2:<\/em> Esi\u00admerk\u00adke\u00adj\u00e4 si\u00ads\u00e4l\u00adl\u00f6is\u00adt\u00e4, jois\u00adsa vaa\u00addi\u00adtaan kah\u00adden\u00adsuun\u00adtais\u00adta esi\u00adtys\u00adta\u00adpaa, ovat ku\u00advat, kar\u00adtat, dia\u00adgram\u00admit, vi\u00addeo\u00adpe\u00adlit, esi\u00adtyk\u00adset, tau\u00adluk\u00adko\u00admuo\u00adtoi\u00adnen data ja k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4t, jois\u00adsa on tar\u00adpeel\u00adlis\u00adta pi\u00adt\u00e4\u00e4 ty\u00f6\u00adka\u00adlu\u00adpalk\u00adki n\u00e4\u00adky\u00advis\u00ads\u00e4, kun k\u00e4\u00adsi\u00adtel\u00adl\u00e4\u00e4n si\u00ads\u00e4l\u00adt\u00f6\u00e4.<\/p>\n<h2>Ku\u00advaus<\/h2>\n<p>Kri\u00adtee\u00adrin ta\u00advoit\u00adtee\u00adna on v\u00e4lt\u00adt\u00e4\u00e4 kah\u00adteen suun\u00adtaan vie\u00adrit\u00adt\u00e4\u00admis\u00adt\u00e4. Verk\u00adko\u00adsi\u00advua tu\u00adlee pys\u00adty\u00e4 se\u00adlaa\u00admaan 320 pik\u00adse\u00adli\u00e4 le\u00adve\u00e4l\u00adl\u00e4 n\u00e4y\u00adt\u00f6l\u00adl\u00e4 niin, ett\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 ei tar\u00advit\u00adse vie\u00adrit\u00adt\u00e4\u00e4 si\u00advut\u00adtais\u00adsuun\u00adtai\u00adses\u00adti. Jos si\u00ads\u00e4l\u00adt\u00f6\u00e4 vie\u00adri\u00adte\u00adt\u00e4\u00e4n p\u00e4\u00e4\u00adasias\u00adsa vaa\u00adka\u00adsuun\u00adtai\u00adses\u00adti, sen tu\u00adlee toi\u00admia 256 pik\u00adse\u00adli\u00e4 kor\u00adkeal\u00adla n\u00e4y\u00adt\u00f6l\u00adl\u00e4 il\u00adman, ett\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 tar\u00advit\u00adsee vie\u00adrit\u00adt\u00e4\u00e4 pys\u00adty\u00adsuun\u00adtai\u00adses\u00adti. Kri\u00adtee\u00adri hy\u00f6\u00addyt\u00adt\u00e4\u00e4 mo\u00adbii\u00adli\u00adlait\u00adteen k\u00e4yt\u00adt\u00e4\u00adji\u00e4 ja hen\u00adki\u00adl\u00f6i\u00adt\u00e4, jot\u00adka suu\u00adren\u00adta\u00advat verk\u00adko\u00adsi\u00advun n\u00e4\u00adky\u00adm\u00e4\u00e4 se\u00adlai\u00admen ase\u00adtuk\u00adsis\u00adta.<\/p>\n<p>T\u00e4m\u00e4 on\u00adnis\u00adtu\u00admis\u00adkri\u00adtee\u00adri ei kos\u00adke esi\u00admer\u00adkik\u00adsi kart\u00adto\u00adja tai suu\u00adria tau\u00adlu\u00adkoi\u00adta.<\/p>\n<h2>Mi\u00adten tar\u00adkis\u00adte\u00adtaan<\/h2>\n<p>Pie\u00adnen\u00adn\u00e4 se\u00adlai\u00adnik\u00adku\u00adnaa 320 CSS-pik\u00adse\u00adlin le\u00advyi\u00adsek\u00adsi, jos si\u00advua se\u00adla\u00adtaan \u201dnor\u00admaa\u00adlis\u00adti\u201d pys\u00adty\u00adsuun\u00adtaan vie\u00adrit\u00adt\u00e4\u00adm\u00e4l\u00adl\u00e4, tai 256 pik\u00adse\u00adlin kor\u00adkui\u00adsek\u00adsi, jos si\u00advua se\u00adla\u00adtaan vaa\u00adka\u00adsuun\u00adtaan vie\u00adrit\u00adt\u00e4\u00adm\u00e4l\u00adl\u00e4. T\u00e4\u00adm\u00e4n j\u00e4l\u00adkeen tar\u00adkis\u00adta, ett\u00e4 si\u00advua ei tar\u00advit\u00adse vie\u00adrit\u00adt\u00e4\u00e4 kah\u00adteen suun\u00adtaan kai\u00adken si\u00ads\u00e4l\u00adl\u00f6n ja toi\u00admin\u00adnal\u00adli\u00adsuu\u00adden k\u00e4yt\u00adt\u00e4\u00admi\u00adsek\u00adsi.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Kri\u00adtee\u00adri (taso AA) Si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan esit\u00adt\u00e4\u00e4 il\u00adman si\u00ads\u00e4l\u00adl\u00f6n tai toi\u00admin\u00adnal\u00adli\u00adsuu\u00adden me\u00adnet\u00adt\u00e4\u00admis\u00adt\u00e4 ja il\u00adman kah\u00adden\u00adsuun\u00adtais\u00adta vie\u00adrit\u00adt\u00e4\u00admis\u00adt\u00e4, kun pys\u00adty\u00adsuun\u00adtaan vie\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n le\u00adveys on 320 CSS-pik\u00adse\u00adli\u00e4 vaa\u00adka\u00adsuun\u00adtaan vie\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n kor\u00adkeus on 256 CSS-pik\u00adse\u00adli\u00e4. T\u00e4m\u00e4 ei koske si\u00ads\u00e4l\u00adl\u00f6n osia, jot\u00adka [&hellip;]<span class=\"moretag\">Lue lis\u00e4\u00e4&#8230;<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":130,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/214","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=214"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/130"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}