{"id":199,"date":"2022-11-17T14:08:21","date_gmt":"2022-11-17T12:08:21","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=199"},"modified":"2023-02-07T10:45:39","modified_gmt":"2023-02-07T08:45:39","slug":"1-3-1-informaatio-ja-suhteet","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/wcag-2-2-saavutettavuusohjeet\/1-3-1-informaatio-ja-suhteet\/","title":{"rendered":"1.3.1 Informaatio ja suhteet"},"content":{"rendered":"\n<h2>Kri\u00adtee\u00adri (taso A)<\/h2>\n<p><a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#presentationdef\">Esi\u00adtys\u00adta\u00advas\u00adsa<\/a> v\u00e4\u00adlit\u00adty\u00adv\u00e4t in\u00adfor\u00admaa\u00adtio, <a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#structuredef\">ra\u00adken\u00adne<\/a> ja <a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#relationshipsdef\">suh\u00adteet<\/a> voi\u00addaan <a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#programmaticallydetermineddef\">sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti<\/a> tai ne ovat saa\u00adta\u00advil\u00adla teks\u00adti\u00adn\u00e4.<\/p>\n<p><a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#content-structure-separation-programmatic\">Lue li\u00ads\u00e4\u00e4 W3:n si\u00advuil\u00adta. <\/a><\/p>\n<h2>Ku\u00advaus<\/h2>\n<p>Onko verk\u00adko\u00adsi\u00advun ra\u00adken\u00adne ja ele\u00adment\u00adtien suh\u00adteet il\u00admais\u00adtu HTML-\u00adkie\u00adlen avul\u00adla tai vas\u00adtaa\u00adva in\u00adfor\u00admaa\u00adtio an\u00adnet\u00adtu teks\u00adti\u00admuo\u00adtoi\u00adse\u00adna? T\u00e4\u00adm\u00e4n kri\u00adtee\u00adrin tar\u00adkoi\u00adtus on var\u00admis\u00adtua sii\u00adt\u00e4, ett\u00e4 verk\u00adko\u00adsi\u00advun si\u00ads\u00e4l\u00adl\u00f6n eri osien mer\u00adki\u00adtys on ym\u00adm\u00e4r\u00adret\u00adt\u00e4\u00advis\u00ads\u00e4 eri esi\u00adtys\u00adta\u00advoil\u00adla. Si\u00advun on esi\u00admer\u00adkik\u00adsi tar\u00adjot\u00adta\u00adva sama in\u00adfor\u00admaa\u00adtio ruu\u00addun\u00adlu\u00adkuoh\u00adjel\u00adman k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle kuin vi\u00adsu\u00adaa\u00adlis\u00adten se\u00adlain\u00adten k\u00e4yt\u00adt\u00e4\u00adjil\u00adle. Si\u00advus\u00adtol\u00adla on k\u00e4y\u00adtet\u00adt\u00e4\u00adv\u00e4 mer\u00adki\u00adtyk\u00adsen il\u00admai\u00adse\u00advaa (se\u00admant\u00adtis\u00adta) HTML-\u00adra\u00adken\u00adnet\u00adta ja ele\u00adment\u00adte\u00adj\u00e4 ha\u00advain\u00adnol\u00adlis\u00adta\u00admaan si\u00advus\u00adton si\u00ads\u00e4l\u00adt\u00f6\u00e4 avus\u00adta\u00advil\u00adle oh\u00adjel\u00admis\u00adtoil\u00adle (esim. ruu\u00addun\u00adlu\u00adkuoh\u00adjel\u00admat).<\/p>\n<p>On huo\u00adleh\u00addit\u00adta\u00adva esi\u00admer\u00adkik\u00adsi sii\u00adt\u00e4, ett\u00e4<\/p>\n<ul>\n<li>lomakkeen nimilaput on yhdistetty sy\u00f6tekenttiin (input)<\/li>\n<li>otsikoita on k\u00e4ytetty oikein (&lt;h1&gt;, &lt;h2&gt;\u2026)<\/li>\n<li>taulukon solut on yhdistetty oikeaan otsakkeeseen (header), taulukko on otsikoitu (caption) ja taulukoissa on k\u00e4ytetty yhteenvetoja (summary).<\/li>\n<\/ul>\n<h2>Mi\u00adten tar\u00adkis\u00adte\u00adtaan<\/h2>\n<p>Tar\u00adkis\u00adta, onko si\u00advuil\u00adla k\u00e4y\u00adtet\u00adty HTML-\u00adkiel\u00adt\u00e4 ele\u00adment\u00adtien mer\u00adkit\u00adse\u00admi\u00adseen. Sivu on k\u00e4\u00adte\u00advin\u00adt\u00e4 tar\u00adkis\u00adtaa eril\u00adli\u00adsel\u00adl\u00e4 ty\u00f6\u00adka\u00adlul\u00adla, esi\u00admer\u00adkik\u00adsi We\u00adbAIM:n <a href=\"https:\/\/wave.webaim.org\/\">Wave\u00ad-ty\u00f6\u00adka\u00adlul\u00adla<\/a>. Tes\u00adtaa my\u00f6s si\u00advua ruu\u00addun\u00adlu\u00adkuoh\u00adjel\u00admal\u00adla\u037e tar\u00adjo\u00adaa\u00adko si\u00advus\u00adto ha\u00advain\u00adnol\u00adlis\u00adta\u00advaa tie\u00adtoa? Kri\u00adtee\u00adris\u00ads\u00e4 tu\u00adlee my\u00f6s ot\u00adtaa huo\u00admioon ele\u00admen\u00adtit, jois\u00adsa on oh\u00adjel\u00admal\u00adli\u00adses\u00adti to\u00adteu\u00adtet\u00adtua toi\u00admin\u00adnal\u00adli\u00adsuut\u00adta. Esi\u00admerk\u00adke\u00adj\u00e4:<\/p>\n<ul>\n<li>Jos span-\u00adelementti\u00e4 klikatessa sivu avaa uuden sivun, mutta se on toteutettu normaalin linkityksen sijasta onclick\u00ad-attribuutilla, kriteeri 1.3.1 ei t\u00e4yty. Onclick-\u00adattribuutti ja sen arvo eiv\u00e4t tarjoa havainnollistavaa tietoa k\u00e4ytt\u00e4j\u00e4lle.<\/li>\n<li>Jos otsikoita on k\u00e4ytetty vain niiden visuaalisten efektien takia, esimerkiksi suuremman tekstin takia, kriteeri 1.3.1 ei t\u00e4yty.<\/li>\n<\/ul>\n\n","protected":false},"excerpt":{"rendered":"<p>Kri\u00adtee\u00adri (taso A) Esi\u00adtys\u00adta\u00advas\u00adsa v\u00e4\u00adlit\u00adty\u00adv\u00e4t in\u00adfor\u00admaa\u00adtio, ra\u00adken\u00adne ja suh\u00adteet voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti tai ne ovat saa\u00adta\u00advil\u00adla teks\u00adti\u00adn\u00e4. Lue li\u00ads\u00e4\u00e4 W3:n si\u00advuil\u00adta. Ku\u00advaus Onko verk\u00adko\u00adsi\u00advun ra\u00adken\u00adne ja ele\u00adment\u00adtien suh\u00adteet il\u00admais\u00adtu HTML-\u00adkie\u00adlen avul\u00adla tai vas\u00adtaa\u00adva in\u00adfor\u00admaa\u00adtio an\u00adnet\u00adtu teks\u00adti\u00admuo\u00adtoi\u00adse\u00adna? [&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-199","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/199","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=199"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/199\/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=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}