{"id":132,"date":"2022-11-01T09:57:52","date_gmt":"2022-11-01T07:57:52","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=132"},"modified":"2024-06-20T14:36:06","modified_gmt":"2024-06-20T11:36:06","slug":"papunetin-wcag-2-2-tarkistuslista","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/papunetin-wcag-2-2-tarkistuslista\/","title":{"rendered":"Papunetin WCAG 2.2 -tarkistuslista"},"content":{"rendered":"\n<p>WCAG 2.2 on WCAG-ohjeistuksen uusin versio, joka julkaistiin 5.10.2023. Laki digitaalisten palveluiden tarjoamisesta perustuu kuitenkin toistaiseksi WCAG-ohjeistuksen versioon 2.1 ja sen tasoon AA. Viel\u00e4 ei ole tiedossa, milloin uudet WCAG 2.2 -kriteerit tulevat osaksi lains\u00e4\u00e4d\u00e4nt\u00f6\u00e4mme.<\/p>\n<p>T\u00e4ll\u00e4 sivulla oleva tarkistuslista on Papunetin yksinkertaistettu versio ja tulkinta WCAG 2.2 -ohjeistuksesta. Kyseinen tarkistuslista ei siis ole Verkkosis\u00e4ll\u00f6n saavutettavuusohjeistus WCAG 2.2 eik\u00e4 siin\u00e4 ole otettu kaikkia WCAG 2.2 -ohjeistuksen vaatimia asioita huomioon. T\u00e4st\u00e4 syyst\u00e4 suosittelemme aina tutustumaan <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">alkuper\u00e4iseen WCAG 2.2 -ohjeistukseen W3C:n sivuilla (englanniksi).<\/a><\/p>\n<p>Alkuper\u00e4inen WCAG 2.2 -ohjeistus ei ota kantaa siihen, miten ja mill\u00e4 tavalla sis\u00e4ll\u00f6t ja toiminnot on toteutettu. T\u00e4ll\u00e4 sivulla olevassa tarkistuslistassa on kuitenkin annettu ohjeita my\u00f6s toteutustapaan. T\u00e4ss\u00e4 on huomioitu yleisimm\u00e4t toteutustavat sek\u00e4 yleisimm\u00e4t WCAG 2.2 -virheet.<\/p>\n<p>T\u00e4m\u00e4n tarkistuslistan tekemiseen on hy\u00f6dynnetty alkuper\u00e4ist\u00e4 WCAG 2.2 -ohjeistusta, <a href=\"https:\/\/webaim.org\/standards\/wcag\/checklist\">WebAIMin WCAG 2 -tarkistulistaa (englanniksi)<\/a> sek\u00e4 <a href=\"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/\">Papunetin verkkosis\u00e4ll\u00f6n saavutettavuusohjeita.<\/a><\/p>\n<h2>1. Havaittava<\/h2>\n<h3>Ohje 1.1 \u2013 Tekstivastineet<\/h3>\n<p>Tarjoa tekstivastineet kaikelle ei-tekstuaaliselle sis\u00e4ll\u00f6lle.<\/p>\n<hr>\n<h4>1.1.1 Ei-tekstuaalinen sis\u00e4lt\u00f6 (Taso A)<\/h4>\n<ul>\n<li>Kai\u00adkil\u00adla ku\u00advil\u00adla ja ku\u00adva\u00adpai\u00adnik\u00adkeil\u00adla on tar\u00adkoi\u00adtus\u00adta ku\u00advaa\u00adva teks\u00adti\u00advas\u00adti\u00adne.<\/li>\n<li>Ku\u00advil\u00adla, joi\u00adden tar\u00adkoi\u00adtus ei ole v\u00e4\u00adlit\u00adt\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 (ko\u00adris\u00adteel\u00adli\u00adset ku\u00advat), on tyh\u00adj\u00e4 alt-teks\u00adti (alt=\u201d\u201d).<\/li>\n<li>Kai\u00adkil\u00adla link\u00adkei\u00adn\u00e4 toi\u00admi\u00advil\u00adla ku\u00advil\u00adla tu\u00adlee olla lin\u00adkin koh\u00addet\u00adta ku\u00advaa\u00adva teks\u00adti\u00advas\u00adti\u00adne.<\/li>\n<li>Komplek\u00adsis\u00adten ku\u00advien (ku\u00advaa\u00adjat, graa\u00adfit, kaa\u00adviot) yh\u00adtey\u00addes\u00ads\u00e4 ku\u00advan in\u00adfor\u00admaa\u00adtio on esi\u00adtet\u00adty teks\u00adti\u00adn\u00e4 joko sa\u00admal\u00adla tai eril\u00adli\u00adsel\u00adl\u00e4 si\u00advul\u00adla. Alt-teks\u00adtin tar\u00adkoi\u00adtus t\u00e4s\u00ads\u00e4 on ker\u00adtoa ly\u00adhyes\u00adti, mit\u00e4 kuva esit\u00adt\u00e4\u00e4.<\/li>\n<li>Lo\u00adma\u00adke\u00adpai\u00adnik\u00adkeet ovat ku\u00advaa\u00advia.<\/li>\n<li>Teks\u00adti\u00advas\u00adti\u00adneet on syy\u00adt\u00e4 pi\u00adt\u00e4\u00e4 ly\u00adhyi\u00adn\u00e4 \u2013 enin\u00adt\u00e4\u00e4n 120 merk\u00adki\u00e4.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 1.2 \u2013 Ai\u00adka\u00adsi\u00addon\u00adnai\u00adnen me\u00addia<\/h3>\n<p>Tar\u00adjoa vas\u00adti\u00adne (esi\u00admer\u00adkik\u00adsi teks\u00adti\u00adtys ja ku\u00advai\u00adlu\u00adtulk\u00adkaus) ai\u00adka\u00adsi\u00addon\u00adnai\u00adsel\u00adle me\u00addial\u00adle ku\u00adten vi\u00addeoil\u00adle ja \u00e4\u00e4\u00adni\u00adtie\u00addos\u00adtoil\u00adle.<\/p>\n<p>Huom! Videoiden tekstitt\u00e4minen ei ole pakollista, jos video toimii verkkosivulla olevan sis\u00e4lt\u00f6tekstin mediavastineena (esimerkiksi viittomakielinen tai pelkk\u00e4n\u00e4 audiona esitetty versio sis\u00e4ll\u00f6st\u00e4).<\/p>\n<hr>\n<h4>1.2.1 Pelk\u00adk\u00e4 au\u00addio ja pelk\u00adk\u00e4 vi\u00addeo (tal\u00adlen\u00adnet\u00adtu) (Taso A)<\/h4>\n<ul>\n<li>Tal\u00adlen\u00adnet\u00adtu au\u00addio (pelk\u00adk\u00e4 \u00e4\u00e4ni) on esi\u00adtet\u00adty my\u00f6s kir\u00adjoi\u00adtet\u00adtu\u00adna teks\u00adti\u00adn\u00e4.<\/li>\n<li>Tal\u00adlen\u00adne\u00adtun vi\u00addeon (ei \u00e4\u00e4n\u00adt\u00e4) si\u00ads\u00e4l\u00adt\u00f6 on esi\u00adtet\u00adty kir\u00adjoi\u00adtet\u00adtu\u00adna teks\u00adti\u00adn\u00e4. Jos al\u00adku\u00adpe\u00adr\u00e4i\u00adnen vi\u00addeo ei si\u00ads\u00e4l\u00adl\u00e4 \u00e4\u00e4n\u00adt\u00e4, sama si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan esit\u00adt\u00e4\u00e4 my\u00f6s au\u00addio\u00adna.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.2 Teks\u00adti\u00adtys (tal\u00adlen\u00adnet\u00adtu) (Taso A)<\/h4>\n<ul>\n<li>Tal\u00adlen\u00adne\u00adtuis\u00adsa vi\u00addeois\u00adsa on teks\u00adti\u00adtyk\u00adset.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.3 Ku\u00advai\u00adlu\u00adtulk\u00adkaus tai me\u00addia\u00advas\u00adti\u00adne (tal\u00adlen\u00adnet\u00adtu) (Taso A)<\/h4>\n<ul>\n<li>Vi\u00addeoi\u00adden si\u00ads\u00e4l\u00adt\u00f6 on esi\u00adtet\u00adty\u00ad teks\u00adti\u00adn\u00e4 tai vi\u00addeos\u00adta on saa\u00adta\u00advil\u00adla my\u00f6s ku\u00advai\u00adlu\u00adtul\u00adkat\u00adtu ver\u00adsio.<\/li>\n<li>Vaa\u00addi\u00adtaan, jos vi\u00addeol\u00adla ole\u00advaa vi\u00adsu\u00adaa\u00adlis\u00adta si\u00ads\u00e4l\u00adt\u00f6\u00e4 ei ole esi\u00adtet\u00adty al\u00adku\u00adpe\u00adr\u00e4i\u00adses\u00ads\u00e4 \u00e4\u00e4\u00adni\u00adrai\u00addas\u00adsa.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.4 Teks\u00adti\u00adtys (suo\u00adris\u00adsa l\u00e4\u00adhe\u00adtyk\u00adsis\u00ads\u00e4) (Taso AA)<\/h4>\n<ul>\n<li>Kai\u00adkel\u00adle synk\u00adro\u00adnoi\u00addus\u00adsa me\u00addias\u00adsa ole\u00adval\u00adle suo\u00adral\u00adle au\u00addio\u00adsi\u00ads\u00e4l\u00adl\u00f6l\u00adle (vi\u00addeot, pelk\u00adk\u00e4\u00e4 \u00e4\u00e4n\u00adt\u00e4 si\u00ads\u00e4l\u00adt\u00e4\u00adv\u00e4t l\u00e4\u00adhe\u00adtyk\u00adset, vi\u00addeo\u00adkon\u00adfe\u00adrens\u00adsit, verk\u00adko\u00adl\u00e4\u00adhe\u00adtyk\u00adset) on tar\u00adjol\u00adla teks\u00adti\u00adtyk\u00adsi\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.5 Ku\u00advai\u00adlu\u00adtulk\u00adkaus (tal\u00adlen\u00adnet\u00adtu) (Taso AA)<\/h4>\n<ul>\n<li>Kai\u00adkis\u00adta vi\u00addeois\u00adta on saa\u00adta\u00advil\u00adla ku\u00advai\u00adlu\u00adtulk\u00adkaus.<\/li>\n<li>Vaa\u00addi\u00adtaan, jos vi\u00addeol\u00adla ole\u00advaa vi\u00adsu\u00adaa\u00adlis\u00adta si\u00ads\u00e4l\u00adt\u00f6\u00e4 ei ole esi\u00adtet\u00adty al\u00adku\u00adpe\u00adr\u00e4i\u00adses\u00ads\u00e4 \u00e4\u00e4\u00adni\u00adrai\u00addas\u00adsa.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.6 Viit\u00adto\u00adma\u00adkie\u00adli (tal\u00adlen\u00adnet\u00adtu) (Taso AAA)<\/h4>\n<ul>\n<li>Viit\u00adto\u00adma\u00adkie\u00adli\u00adnen vi\u00addeo on saa\u00adta\u00advil\u00adla kai\u00adkel\u00adle sel\u00adlai\u00adsel\u00adle me\u00addia\u00adsi\u00ads\u00e4l\u00adl\u00f6l\u00adle, joka si\u00ads\u00e4l\u00adt\u00e4\u00ad\u00e4 \u00e4\u00e4n\u00adt\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.7 Pi\u00adden\u00adnet\u00adty ku\u00advai\u00adlu\u00adtulk\u00adkaus (tal\u00adlen\u00adnet\u00adtu) (Taso AAA)<\/h4>\n<ul>\n<li>Jos al\u00adku\u00adpe\u00adr\u00e4i\u00adseen vi\u00addeoon on mah\u00addo\u00adton\u00adta li\u00ads\u00e4\u00adt\u00e4 ku\u00advai\u00adlu\u00adtulk\u00adkaus\u00adta (esi\u00admer\u00adkik\u00adsi siksi, ett\u00e4 alkuper\u00e4isess\u00e4 \u00e4\u00e4niraidassa on lii\u00adan ly\u00adhyi\u00adt\u00e4 tau\u00adko\u00adja), vi\u00addeos\u00adta tu\u00adlee teh\u00add\u00e4 uusi ver\u00adsio, jos\u00adsa on so\u00adpi\u00advat tauot ja ku\u00advai\u00adlu\u00adtulk\u00adkaus.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.8 Me\u00addia\u00advas\u00adti\u00adne (tal\u00adlen\u00adnet\u00adtu) (Taso AAA)<\/h4>\n<ul>\n<li>Vi\u00addeo- ja \u00e4\u00e4\u00adni\u00adsi\u00ads\u00e4l\u00adt\u00f6\u00adj\u00e4 ku\u00advai\u00adle\u00advat teks\u00adti\u00adver\u00adsiot ovat saa\u00adta\u00advil\u00adla kai\u00adkel\u00adle tal\u00adlen\u00adne\u00adtul\u00adle me\u00addial\u00adle.<\/li>\n<\/ul>\n<hr>\n<h4>1.2.9 Pelk\u00adk\u00e4 au\u00addio (suo\u00adris\u00adsa l\u00e4\u00adhe\u00adtyk\u00adsis\u00ads\u00e4) (Taso AAA)<\/h4>\n<ul>\n<li>Kai\u00adkil\u00adle \u00e4\u00e4n\u00adt\u00e4 si\u00ads\u00e4l\u00adt\u00e4\u00advil\u00adle suo\u00adril\u00adle l\u00e4\u00adhe\u00adtyk\u00adsil\u00adle on saa\u00adta\u00advil\u00adla ku\u00advai\u00adle\u00adva teks\u00adti\u00adver\u00adsio.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 1.3 \u2013 Mu\u00adkau\u00adtet\u00adta\u00adva<\/h3>\n<p>Si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan esit\u00adt\u00e4\u00e4 eri ta\u00advoin (esi\u00admer\u00adkik\u00adsi yk\u00adsin\u00adker\u00adtai\u00adsem\u00adman aset\u00adte\u00adlun avul\u00adla) in\u00adfor\u00admaa\u00adtio\u00adta tai ra\u00adken\u00adnet\u00adta me\u00adnet\u00adt\u00e4\u00adm\u00e4t\u00adt\u00e4.<\/p>\n<hr>\n<h4>1.3.1 In\u00adfor\u00admaa\u00adtio ja suh\u00adteet (Taso A)<\/h4>\n<ul>\n<li>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.<\/li>\n<li>Se\u00admant\u00adtis\u00adta merk\u00adkaus\u00adta on k\u00e4y\u00adtet\u00adty oi\u00adkein esi\u00admer\u00adkik\u00adsi ot\u00adsi\u00adkoi\u00adden (&lt;h1&gt;), aluei\u00adden\/\u200b\u200b\u200bmaa\u00admerk\u00adkien, lis\u00adto\u00adjen (&lt;ul&gt;, &lt;ol&gt;, &lt;dl&gt;) ja ko\u00adros\u00adte\u00adtun teks\u00adtin (&lt;strong&gt;, &lt;code&gt;, &lt;abbr&gt;, &lt;blockquo\u00adte&gt;) osal\u00adta.<\/li>\n<li>Tau\u00adlu\u00adkoi\u00adta (&lt;table&gt;) on k\u00e4y\u00adtet\u00adty tau\u00adluk\u00adko\u00admuo\u00addos\u00adsa ole\u00advan da\u00adtan esit\u00adt\u00e4\u00admi\u00adseen. Tau\u00adlu\u00adkon so\u00adlut on yh\u00addis\u00adtet\u00adty nii\u00adden ot\u00adsi\u00adkoi\u00adhin (tun\u00adnis\u00adtei\u00adsiin). Jos tau\u00adlu\u00adkos\u00adsa on se\u00adlos\u00adte (cap\u00adtion), se on yh\u00addis\u00adtet\u00adty tau\u00adluk\u00adkoon oh\u00adjel\u00admal\u00adli\u00adses\u00adti.<\/li>\n<li>Lo\u00admak\u00adkei\u00adden teks\u00adti\u00admuo\u00adtoi\u00adset ni\u00admi\u00adla\u00adput on yh\u00addis\u00adtet\u00adty sy\u00f6\u00adte-ele\u00adment\u00adtei\u00adhin oh\u00adjel\u00admal\u00adli\u00adses\u00adti. Toi\u00adsiin\u00adsa liit\u00adty\u00adv\u00e4t sy\u00f6\u00adte-ele\u00admen\u00adtit on ryh\u00admi\u00adtet\u00adty \u2013 field\u00adset\/\u200b\u200b\u200ble\u00adgend. ARI\u00adAa voi\u00addaan hy\u00f6\u00addyn\u00adt\u00e4\u00e4, jos stan\u00addar\u00addi HTML ei tar\u00adjoa riit\u00adt\u00e4\u00adv\u00e4n hy\u00advi\u00e4 kei\u00adno\u00adja kun\u00adnol\u00adlis\u00adten ni\u00admi\u00adlap\u00adpu\u00adjen ja oh\u00adjei\u00adden te\u00adke\u00admi\u00adseen.<\/li>\n<li>Si\u00advun eri osiot on tun\u00adnis\u00adtet\u00adtu k\u00e4yt\u00adt\u00e4en joko HTML5-aluei\u00adta (re\u00adgions \u2013 esi\u00admer\u00adkik\u00adsi &lt;hea\u00adder&gt;, &lt;nav&gt;, &lt;main&gt; ja &lt;foo\u00adter&gt;) tai ARIA-maa\u00admerk\u00adke\u00adj\u00e4 (land\u00admarks \u2013 esi\u00admer\u00adkik\u00adsi role=\u201dban\u00adner\u201d, \u201dna\u00advi\u00adga\u00adtion\u201d, \u201dmain\u201d ja \u201dcon\u00adten\u00adtin\u00adfo\u201d).<\/li>\n<\/ul>\n<hr>\n<h4>1.3.2 Mer\u00adki\u00adtyk\u00adseen vai\u00adkut\u00adta\u00adva j\u00e4r\u00adjes\u00adtys (Taso A)<\/h4>\n<ul>\n<li>Lu\u00adke\u00admis- ja na\u00advi\u00adgoin\u00adti\u00adj\u00e4r\u00adjes\u00adtys ovat loo\u00adgi\u00adsia ja in\u00adtui\u00adtii\u00advi\u00adsia.<\/li>\n<li>N\u00e4m\u00e4 m\u00e4\u00e4\u00adr\u00e4y\u00adty\u00adv\u00e4t koo\u00addin pe\u00adrus\u00adteel\u00adla \u2013 lu\u00adke\u00admi\u00adnen ja na\u00advi\u00adgoin\u00adti ta\u00adpah\u00adtu\u00advat sii\u00adn\u00e4 j\u00e4r\u00adjes\u00adtyk\u00adses\u00ads\u00e4 kuin ne on esi\u00adtet\u00adty HTML:ss\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>1.3.3 Ais\u00adtin\u00adva\u00adrai\u00adset omi\u00adnais\u00adpiir\u00adteet (Taso A)<\/h4>\n<ul>\n<li>Oh\u00adjeet si\u00ads\u00e4l\u00adl\u00f6n ym\u00adm\u00e4r\u00adt\u00e4\u00admi\u00adsek\u00adsi ja hal\u00adlit\u00adse\u00admi\u00adsek\u00adsi ei\u00adv\u00e4t riipu pel\u00adk\u00e4s\u00adt\u00e4\u00e4n ais\u00adtin\u00adva\u00adrai\u00adsis\u00adta omi\u00adnais\u00adpiir\u00adteis\u00adt\u00e4 ku\u00adten muo\u00addosta, koosta, vi\u00adsu\u00adaa\u00adli\u00adsesta si\u00adjain\u00adnista, suun\u00adnasta tai \u00e4\u00e4nest\u00e4.<\/li>\n<li>Ei siis n\u00e4in: \u201dPai\u00adna oi\u00adkeal\u00adla yl\u00adh\u00e4\u00e4l\u00adl\u00e4 ole\u00advaa vih\u00adre\u00ad\u00e4\u00e4 ne\u00adli\u00f6\u00adt\u00e4\u201d tai \u201dKun kuu\u00adlet kel\u00adlon \u00e4\u00e4\u00adnen, voit jat\u00adkaa\u201d.<\/li>\n<\/ul>\n<hr>\n<h4>1.3.4 Asen\u00adto (Taso AA)<\/h4>\n<ul>\n<li>Si\u00ads\u00e4l\u00adl\u00f6n esit\u00adt\u00e4\u00admi\u00adsen kan\u00adnal\u00adta ei ole v\u00e4\u00adli\u00e4, kat\u00adso\u00adtaan\u00adko sit\u00e4 vaa\u00adka- vai pys\u00adty\u00adasen\u00adnos\u00adsa, lu\u00adkuun ot\u00adta\u00admat\u00adta sel\u00adlai\u00adsia ta\u00adpauk\u00adsia, jois\u00adsa asen\u00adto on olen\u00adnai\u00adnen.<\/li>\n<\/ul>\n<hr>\n<h4>1.3.5 M\u00e4\u00e4\u00adrit\u00adte\u00adle sy\u00f6t\u00adteen tar\u00adkoi\u00adtus (Taso AA)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00adtie\u00adto\u00adjen ke\u00adr\u00e4\u00e4\u00admi\u00adseen tar\u00adkoi\u00adtet\u00adtu\u00adjen sy\u00f6\u00adte\u00adkent\u00adtien tar\u00adkoi\u00adtus voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti.<\/li>\n<li>\n<strong>K\u00e4yt\u00e4nn\u00f6ss\u00e4<\/strong>: sy\u00f6\u00adte\u00adken\u00adtil\u00adl\u00e4 on au\u00adtocomple\u00adte-att\u00adri\u00adbuut\u00adti.<\/li>\n<\/ul>\n<hr>\n<h4>1.3.6 M\u00e4\u00e4\u00adrit\u00adte\u00adle tar\u00adkoi\u00adtus (Taso AAA)<\/h4>\n<ul>\n<li>Si\u00advun eri osiot on tun\u00adnis\u00adtet\u00adtu k\u00e4yt\u00adt\u00e4en joko HTML5-aluei\u00adta (re\u00adgions) tai ARIA-maa\u00admerk\u00adke\u00adj\u00e4 (land\u00admarks).<\/li>\n<li>K\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien pa\u00adrem\u00adman tun\u00adnis\u00adta\u00admi\u00adsen apu\u00adna on k\u00e4y\u00adtet\u00adty ARI\u00adAa.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 1.4 \u2013 Erot\u00adtu\u00adva<\/h3>\n<p>Auta k\u00e4yt\u00adt\u00e4\u00adji\u00e4 n\u00e4\u00adke\u00adm\u00e4\u00e4n ja kuu\u00adle\u00admaan si\u00ads\u00e4l\u00adt\u00f6 li\u00ads\u00e4\u00e4\u00adm\u00e4l\u00adl\u00e4 taus\u00adtas\u00adta erot\u00adtu\u00adva etua\u00adla.<\/p>\n<hr>\n<h4>1.4.1 V\u00e4\u00adrien k\u00e4yt\u00adt\u00f6 (Taso A)<\/h4>\n<ul>\n<li>V\u00e4\u00adri\u00e4 ei k\u00e4y\u00adte\u00adt\u00e4 ai\u00adnoa\u00adna vi\u00adsu\u00adaa\u00adli\u00adse\u00adna kei\u00adno\u00adna v\u00e4\u00adlit\u00adt\u00e4\u00adm\u00e4\u00e4n in\u00adfor\u00admaa\u00adtio\u00adta tai mer\u00adki\u00adtys\u00adt\u00e4 eik\u00e4 erot\u00adta\u00admaan vi\u00adsu\u00adaa\u00adli\u00adsia koh\u00adtei\u00adta toi\u00adsis\u00adtaan.<\/li>\n<li>V\u00e4\u00adri\u00e4 ei k\u00e4y\u00adte\u00adt\u00e4 ai\u00adnoa\u00adna kei\u00adno\u00adna erot\u00adta\u00admaan link\u00adke\u00adj\u00e4 muus\u00adta ym\u00adp\u00e4\u00adr\u00f6i\u00adv\u00e4s\u00adt\u00e4 teks\u00adtis\u00adt\u00e4, pait\u00adsi jos:\n<ul>\n<li>link\u00adki\u00adteks\u00adtin ja sit\u00e4 ym\u00adp\u00e4\u00adr\u00f6i\u00adv\u00e4n teks\u00adtin tum\u00admuus\u00adkont\u00adras\u00adti on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 3:1 ja<\/li>\n<li>link\u00adki\u00adteks\u00adti ero\u00adte\u00adtaan ym\u00adp\u00e4\u00adr\u00f6i\u00adv\u00e4s\u00adt\u00e4 teks\u00adtis\u00adt\u00e4 my\u00f6s muil\u00adla ta\u00advoil\u00adla (esi\u00admer\u00adkik\u00adsi link\u00adki\u00adteks\u00adtis\u00adt\u00e4 tu\u00adlee al\u00adle\u00advii\u00advat\u00adtu), kun link\u00adki saa n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6\u00adkoh\u00addis\u00adtuk\u00adsen tai hii\u00adren koh\u00addis\u00adtin vie\u00add\u00e4\u00e4n lin\u00adkin p\u00e4\u00e4l\u00adle.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>1.4.2 Au\u00addion kont\u00adrol\u00adloin\u00adti (Taso A)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adl\u00e4 on jo\u00adkin me\u00adka\u00adnis\u00admi py\u00ads\u00e4yt\u00adt\u00e4\u00e4, kes\u00adkeyt\u00adt\u00e4\u00e4, vai\u00admen\u00adtaa tai s\u00e4\u00e4\u00adt\u00e4\u00e4 voi\u00admak\u00adkuut\u00adta au\u00adto\u00admaat\u00adti\u00adses\u00adti tois\u00adtu\u00advil\u00adle \u00e4\u00e4\u00adnil\u00adle, joi\u00adden pi\u00adtuus on yli 3 se\u00adkun\u00adtia.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.3 Kont\u00adras\u00adti (mi\u00adni\u00admi) (Taso AA)<\/h4>\n<ul>\n<li>Teks\u00adtin (my\u00f6s teks\u00adti\u00e4 esit\u00adt\u00e4\u00adv\u00e4t ku\u00advat) ja taus\u00adtan v\u00e4\u00adli\u00adnen tum\u00admuus\u00adkont\u00adras\u00adti on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 4,5:1.<\/li>\n<li>Iso\u00adko\u00adkoi\u00adsen teks\u00adtin (v\u00e4\u00adhin\u00adt\u00e4\u00e4n 18 pt \/ 24 px) tai li\u00adha\u00advoi\u00addun (14 pt \/ 19 px) tekstin ja taus\u00adtan v\u00e4\u00adli\u00adnen tum\u00admuus\u00adkont\u00adras\u00adti on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 3:1.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.4 Teks\u00adtin koon muut\u00adta\u00admi\u00adnen (Taso AA)<\/h4>\n<ul>\n<li>Teks\u00adtin ko\u00adkoa voi\u00addaan suu\u00adren\u00adtaa 200 %:iin asti il\u00adman si\u00ads\u00e4l\u00adl\u00f6n ja toi\u00admin\u00adnal\u00adli\u00adsuu\u00adden me\u00adnet\u00adt\u00e4\u00admis\u00adt\u00e4.<\/li>\n<li>Teks\u00adtin ko\u00adkoa muu\u00adte\u00adtaan se\u00adlai\u00adna\u00adse\u00adtuk\u00adsis\u00adta il\u00adman avus\u00adta\u00advia tek\u00adno\u00adlo\u00adgioi\u00adta.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.5 Teks\u00adti\u00e4 esit\u00adt\u00e4\u00adv\u00e4t ku\u00advat (Taso AA)<\/h4>\n<ul>\n<li>Ku\u00advia ei saa k\u00e4yt\u00adt\u00e4\u00e4 teks\u00adti\u00admuo\u00adtoi\u00adsen si\u00ads\u00e4l\u00adl\u00f6n esit\u00adt\u00e4\u00admi\u00adseen, mi\u00adk\u00e4\u00adli sama vi\u00adsu\u00adaa\u00adli\u00adnen esi\u00adtys\u00adta\u00adpa on mah\u00addol\u00adli\u00adnen k\u00e4y\u00adte\u00adtyl\u00adl\u00e4 tek\u00adno\u00adlo\u00adgial\u00adla (esi\u00admer\u00adkik\u00adsi HTML + CSS).<\/li>\n<li>\n<strong>Poikkeus<\/strong>: lo\u00adgo\u00adtyy\u00adpit, jois\u00adsa teks\u00adti on osa lo\u00adgoa tai br\u00e4n\u00addin ni\u00adme\u00e4.<\/li>\n<li>Jos si\u00advul\u00adla on esi\u00admer\u00adkik\u00adsi ku\u00adva\u00admuo\u00addos\u00adsa ole\u00adva teks\u00adti\u00e4 si\u00ads\u00e4l\u00adt\u00e4\u00adv\u00e4 in\u00adfo\u00adgraa\u00adfi, var\u00admis\u00adta ett\u00e4 kaik\u00adki sii\u00adn\u00e4 ole\u00advat asiat on esi\u00adtet\u00adty my\u00f6s teks\u00adti\u00adn\u00e4 itse HTML:ss\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.6 Kont\u00adras\u00adti (pa\u00adran\u00adnet\u00adtu) (Taso AAA)<\/h4>\n<ul>\n<li>Tekstin (my\u00f6s teksti\u00e4 esitt\u00e4v\u00e4t kuvat) ja taustan v\u00e4linen tummuuskontrasti on v\u00e4hint\u00e4\u00e4n 7:1.<\/li>\n<li>Iso\u00adko\u00adkoi\u00adsen teks\u00adtin (v\u00e4\u00adhin\u00adt\u00e4\u00e4n 18 pt \/ 24 px) tai li\u00adha\u00advoi\u00addun (14 pt \/ 19 px) tekstin ja taus\u00adtan v\u00e4\u00adli\u00adnen tum\u00admuus\u00adkont\u00adras\u00adti on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 4,5:1.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.7 Hil\u00adjai\u00adnen taus\u00adta\u00ad\u00e4\u00e4\u00adni tai ei taus\u00adta\u00ad\u00e4\u00e4n\u00adt\u00e4 (Taso AAA)<\/h4>\n<ul>\n<li>Pu\u00adhet\u00adta si\u00ads\u00e4l\u00adt\u00e4\u00advil\u00adl\u00e4 \u00e4\u00e4\u00adni\u00adrai\u00addoil\u00adla ei ole taus\u00adta\u00ad\u00e4\u00e4n\u00adt\u00e4 tai taus\u00adta\u00ad\u00e4\u00e4\u00adni on hy\u00advin hil\u00adjai\u00adsel\u00adla, jot\u00adta puhe erot\u00adtuu sel\u00adke\u00e4s\u00adti.<\/li>\n<li>\n<strong>Poikkeukset<\/strong>: au\u00addi\u00adtii\u00advi\u00adset CAPTC\u00adHA-var\u00admen\u00adteet, au\u00addio\u00adlo\u00adgot sek\u00e4 musii\u00adkil\u00adli\u00adset il\u00admai\u00adsut ku\u00adten lau\u00adlu.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.8 Vi\u00adsu\u00adaa\u00adli\u00adnen esi\u00adtys\u00adta\u00adpa (Taso AAA)<\/h4>\n<ul>\n<li>Teks\u00adti\u00adloh\u00adkot tai enem\u00adm\u00e4n kuin yh\u00adden virk\u00adkeen si\u00ads\u00e4l\u00adt\u00e4\u00adv\u00e4t teks\u00adtit:\n<ul>\n<li>Ri\u00advit ovat enin\u00adt\u00e4\u00e4n 80 merk\u00adki\u00e4 pit\u00adki\u00e4.<\/li>\n<li>Teksti\u00e4 ei ole ta\u00adsat\u00adtu sek\u00e4 va\u00adsem\u00adpaan ett\u00e4 oi\u00adke\u00adaan reu\u00adnaan.<\/li>\n<li>Riviv\u00e4li (rivin korkeus) on v\u00e4hint\u00e4\u00e4n puolitoista rivi\u00e4 kappaleiden sis\u00e4ll\u00e4.<\/li>\n<li>Kap\u00adpa\u00adlei\u00adden v\u00e4\u00adlit ovat v\u00e4\u00adhin\u00adt\u00e4\u00e4n puolitoista ker\u00adtaa suu\u00adrem\u00admat kuin ri\u00advi\u00adv\u00e4\u00adlit.<\/li>\n<li>Taus\u00adta\u00adv\u00e4\u00adri ja edus\u00adtan v\u00e4ri on m\u00e4\u00e4\u00adri\u00adtel\u00adty.<\/li>\n<li>Si\u00advusuun\u00adtais\u00adta vie\u00adrit\u00adt\u00e4\u00admis\u00adt\u00e4 ei tar\u00advi\u00adta, jos teks\u00adtin koko kak\u00adsin\u00adker\u00adtais\u00adte\u00adtaan.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>1.4.9 Teks\u00adti\u00e4 esit\u00adt\u00e4\u00adv\u00e4t ku\u00advat (ei poik\u00adkeus\u00adta) (Taso AAA)<\/h4>\n<ul>\n<li>Teks\u00adti\u00e4 esit\u00adt\u00e4\u00advi\u00e4 ku\u00advia on k\u00e4ytetty vain ko\u00adris\u00adtee\u00adna tai kun tiet\u00adty teks\u00adtin esi\u00adtys\u00adta\u00adpa on olen\u00adnai\u00adnen in\u00adfor\u00admaa\u00adtion v\u00e4\u00adlit\u00adty\u00admi\u00adsek\u00adsi.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.10 Res\u00adpon\u00adsii\u00advi\u00adsuus (Taso AA)<\/h4>\n<ul>\n<li>Sivu voi\u00addaan esit\u00adt\u00e4\u00e4 320 CSS-pik\u00adse\u00adlin le\u00advyi\u00adse\u00adn\u00e4 me\u00adnet\u00adt\u00e4\u00adm\u00e4t\u00adt\u00e4 toi\u00admin\u00adnal\u00adli\u00adsuut\u00adta tai si\u00ads\u00e4l\u00adt\u00f6\u00e4, eik\u00e4 sivusuuntaista (horisontaalista) vieritt\u00e4mist\u00e4 tarvita.\n<ul>\n<li>Jos si\u00advua voi\u00addaan vie\u00adrit\u00adt\u00e4\u00e4 vain si\u00advusuun\u00adnas\u00adsa, si\u00ads\u00e4l\u00adt\u00f6\u00adjen tu\u00adlee mah\u00adtua korkeudeltaan 256 CSS-pik\u00adse\u00adliin.<\/li>\n<\/ul>\n<\/li>\n<li>K\u00e4yt\u00e4nn\u00f6ss\u00e4: verk\u00adko\u00adsi\u00advua voi se\u00adla\u00adta ja si\u00ads\u00e4l\u00adt\u00f6\u00adj\u00e4 pys\u00adtyy lu\u00adke\u00admaan il\u00adman si\u00advusuun\u00adtais\u00adta vie\u00adrit\u00adt\u00e4\u00admis\u00adt\u00e4.\n<ul>\n<li>Suu\u00adrin osa si\u00advul\u00adla ole\u00advis\u00adta si\u00ads\u00e4l\u00adl\u00f6is\u00adt\u00e4 n\u00e4y\u00adte\u00adt\u00e4\u00e4n k\u00e4n\u00adny\u00adk\u00e4n n\u00e4y\u00adt\u00f6l\u00adl\u00e4 al\u00adlek\u00adkain.<\/li>\n<\/ul>\n<\/li>\n<li>T\u00e4m\u00e4 mah\u00addol\u00adlis\u00adtaa ruu\u00addun suu\u00adren\u00adta\u00admi\u00adsen tie\u00adto\u00adko\u00adneel\u00adla 400 %:iin asti il\u00adman, ett\u00e4 k\u00e4yt\u00adt\u00e4\u00adj\u00e4n tar\u00advit\u00adsee vie\u00adrit\u00adt\u00e4\u00e4 n\u00e4\u00adky\u00adm\u00e4\u00e4 si\u00advusuun\u00adnas\u00adsa. Kri\u00adtee\u00adri siis aut\u00adtaa eri\u00adtyi\u00adses\u00adti ih\u00admi\u00adsi\u00e4, joil\u00adla on heik\u00adko n\u00e4\u00adk\u00f6\u00adky\u00adky.<\/li>\n<li>\n<strong>Esimerkkej\u00e4 poikkeuksista<\/strong>: suu\u00adret tau\u00adlu\u00adkot, suu\u00adret ku\u00advat (kar\u00adtat, ku\u00advaa\u00adjat, yms.).<\/li>\n<\/ul>\n<hr>\n<h4>1.4.11 Ei-teks\u00adti\u00admuo\u00adtoi\u00adsen si\u00ads\u00e4l\u00adl\u00f6n kont\u00adras\u00adti (Taso AA)<\/h4>\n<ul>\n<li>Seu\u00adraa\u00advan\u00adlais\u00adten ele\u00adment\u00adtien vi\u00adsu\u00adaa\u00adli\u00adses\u00adsa esi\u00adtys\u00adta\u00advas\u00adsa kont\u00adras\u00adti\u00adsuh\u00adde vie\u00adrei\u00adseen v\u00e4\u00adriin\/\u200b\u200b\u200bv\u00e4\u00adrei\u00adhin on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 3:1:\n<ul>\n<li>K\u00e4ytt\u00f6liittym\u00e4komponentit: Vi\u00adsu\u00adaa\u00adli\u00adnen in\u00adfor\u00admaa\u00adtio, joka vaa\u00addi\u00adtaan k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adtin ja sen eri ti\u00adlo\u00adjen tun\u00adnis\u00adta\u00admi\u00adseen, lu\u00adkuun ot\u00adta\u00admat\u00adta inak\u00adtii\u00advi\u00adsia kom\u00adpo\u00adnent\u00adte\u00adja tai sit\u00e4, jos k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00adagent\u00adti m\u00e4\u00e4\u00adrit\u00adte\u00adlee uu\u00adden si\u00ads\u00e4l\u00adl\u00f6n vi\u00adsu\u00adaa\u00adli\u00adsen esi\u00adtys\u00adta\u00advan ja si\u00ads\u00e4l\u00adl\u00f6n tuot\u00adta\u00adja ei ole sit\u00e4 muo\u00adkan\u00adnut.<\/li>\n<li>Graafiset objektit: Gra\u00adfii\u00adkan osat, joi\u00adta vaa\u00addi\u00adtaan si\u00ads\u00e4l\u00adl\u00f6n ym\u00adm\u00e4r\u00adt\u00e4\u00admi\u00adsek\u00adsi, lu\u00adkuun ot\u00adta\u00admat\u00adta ta\u00adpauk\u00adsia, jois\u00adsa ul\u00adkoa\u00adsu on olen\u00adnai\u00adnen tie\u00adto\u00adsi\u00ads\u00e4l\u00adl\u00f6n v\u00e4\u00adlit\u00adt\u00e4\u00admi\u00adsek\u00adsi.<\/li>\n<\/ul>\n<\/li>\n<li>Olen\u00adnais\u00adta on, ett\u00e4 esi\u00admer\u00adkik\u00adsi ku\u00advak\u00adkeen olen\u00adnai\u00adnen si\u00ads\u00e4l\u00adt\u00f6 ja pai\u00adnik\u00adkeen muo\u00adto erot\u00adtu\u00advat.<\/li>\n<li>Var\u00admis\u00adta, ett\u00e4 sy\u00f6\u00adte\u00adken\u00adt\u00e4t erot\u00adtu\u00advat sel\u00adv\u00e4s\u00adti muus\u00adta si\u00ads\u00e4l\u00adl\u00f6s\u00adt\u00e4. T\u00e4l\u00adl\u00e4 py\u00adri\u00adt\u00e4\u00e4n var\u00admis\u00adta\u00admaan se, ett\u00e4 vai\u00adkeas\u00adti heik\u00adko\u00adn\u00e4\u00adk\u00f6i\u00adnen k\u00e4yt\u00adt\u00e4\u00adj\u00e4 erot\u00adtaa sel\u00adv\u00e4s\u00adti, mis\u00ads\u00e4 sy\u00f6\u00adte\u00adkent\u00adt\u00e4 on.<\/li>\n<\/ul>\n<hr>\n<h4>1.4.12 Teks\u00adtin v\u00e4\u00adlis\u00adtys (Taso AA)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4n pi\u00adt\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00adj\u00e4 ja toi\u00admin\u00adnal\u00adli\u00adsuu\u00adtta me\u00adnet\u00adt\u00e4\u00adm\u00e4tt\u00e4 voi\u00adda mu\u00adkaut\u00adtaa teks\u00adti\u00e4 siten, ett\u00e4\n<ul>\n<li>ri\u00advi\u00adv\u00e4\u00adli on 1,5 ker\u00adtaa fon\u00adtin ko\u00adkoi\u00adnen<\/li>\n<li>tyh\u00adj\u00e4 tila kap\u00adpa\u00adlei\u00adden j\u00e4l\u00adkeen on 2 ker\u00adtaa fon\u00adtin ko\u00adkoi\u00adnen<\/li>\n<li>kir\u00adjain\u00adten v\u00e4li on 0,12 ker\u00adtaa fon\u00adtin ko\u00adkoi\u00adnen<\/li>\n<li>sa\u00adno\u00adjen v\u00e4li on 0,16 ker\u00adtaa fon\u00adtin ko\u00adkoi\u00adnen.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>1.4.13 Si\u00ads\u00e4l\u00adt\u00f6 osoit\u00adtaes\u00adsa tai koh\u00addis\u00adtaes\u00adsa (Taso AA)<\/h4>\n<ul>\n<li>Jos osoit\u00adti\u00admen vie\u00admi\u00adnen ele\u00admen\u00adtin p\u00e4\u00e4l\u00adle tai koh\u00addis\u00adtuk\u00adsen siir\u00adt\u00e4\u00admi\u00adnen ele\u00adment\u00adtiin tuo n\u00e4\u00adky\u00adviin li\u00ads\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 ja osoit\u00adti\u00admen tai koh\u00addis\u00adtuk\u00adsen pois siir\u00adt\u00e4\u00admi\u00adnen pii\u00adlot\u00adtaa si\u00ads\u00e4l\u00adl\u00f6n, seu\u00adraa\u00advat eh\u00addot p\u00e4\u00adte\u00adv\u00e4t:\n<ul>\n<li>Piilotettavissa: on ole\u00admas\u00adsa me\u00adka\u00adnis\u00admi, jol\u00adla n\u00e4\u00adky\u00adviin tul\u00adleen si\u00ads\u00e4l\u00adl\u00f6n saa pii\u00adlo\u00adtet\u00adtua siir\u00adt\u00e4\u00adm\u00e4t\u00adt\u00e4 osoi\u00adtin\u00adta tai koh\u00addis\u00adtus\u00adta, lu\u00adkuun ot\u00adta\u00admat\u00adta ta\u00adpaus\u00adta, jos\u00adsa si\u00ads\u00e4l\u00adt\u00f6 on sy\u00f6\u00adte\u00advir\u00adhees\u00adt\u00e4 ker\u00adto\u00adva teks\u00adti tai se ei pei\u00adt\u00e4 tai kor\u00advaa muu\u00adta si\u00ads\u00e4l\u00adt\u00f6\u00e4.<\/li>\n<li>Osoi\u00adtet\u00adta\u00advis\u00adsa: jos osoit\u00adti\u00admen vie\u00admi\u00adnen ele\u00admen\u00adtin p\u00e4\u00e4l\u00adle tuo n\u00e4\u00adky\u00adviin uut\u00adta si\u00ads\u00e4l\u00adt\u00f6\u00e4, osoi\u00adtin voi\u00addaan vie\u00add\u00e4 il\u00admes\u00adty\u00adneen si\u00ads\u00e4l\u00adl\u00f6n p\u00e4\u00e4l\u00adle ai\u00adheut\u00adta\u00admat\u00adta sen ka\u00adtoa\u00admis\u00adta.<\/li>\n<li>Py\u00adsy\u00adv\u00e4: uusi si\u00ads\u00e4l\u00adt\u00f6 py\u00adsyy n\u00e4\u00adky\u00advis\u00ads\u00e4 kun\u00adnes osoi\u00adtin tai koh\u00addis\u00adtus on siir\u00adret\u00adty pois, k\u00e4yt\u00adt\u00e4\u00adj\u00e4 on pii\u00adlot\u00adta\u00adnut si\u00ads\u00e4l\u00adl\u00f6n tai sen si\u00ads\u00e4l\u00adt\u00f6 ei en\u00e4\u00e4 p\u00e4de.<\/li>\n<\/ul>\n<\/li>\n<li>\n<strong>Poikkeus<\/strong>: k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00adagent\u00adti m\u00e4\u00e4\u00adrit\u00adte\u00adlee uu\u00adden si\u00ads\u00e4l\u00adl\u00f6n vi\u00adsu\u00adaa\u00adli\u00adsen esi\u00adtys\u00adta\u00advan, eik\u00e4 si\u00ads\u00e4l\u00adl\u00f6n tuot\u00adta\u00adja ole sit\u00e4 muo\u00adkan\u00adnut.<\/li>\n<\/ul>\n<hr>\n<h2>2. Hal\u00adlit\u00adta\u00adva<\/h2>\n<h3>Ohje 2.1 \u2013 K\u00e4y\u00adtet\u00adt\u00e4\u00advis\u00ads\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adt\u00e4<\/h3>\n<p>Var\u00admis\u00adta, ett\u00e4 si\u00advus\u00adtoa voi\u00addaan se\u00adla\u00adta ja kaik\u00adkia si\u00advus\u00adtol\u00adla ole\u00advia toi\u00admin\u00adto\u00adja voi\u00addaan k\u00e4yt\u00adt\u00e4\u00e4 pel\u00adk\u00e4l\u00adl\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4 il\u00adman hiir\u00adt\u00e4 ja kos\u00adke\u00adtus\u00adta.<\/p>\n<hr>\n<h4>2.1.1 N\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6 (Taso A)<\/h4>\n<ul>\n<li>Kaik\u00adki toi\u00admin\u00adnal\u00adli\u00adsuus on k\u00e4y\u00adtet\u00adt\u00e4\u00advis\u00ads\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adt\u00e4 k\u00e4\u00adsin. (Kaik\u00adkia link\u00adke\u00adj\u00e4, pai\u00adnik\u00adkei\u00adta ja lo\u00adma\u00adke-ele\u00adment\u00adte\u00adj\u00e4 voi k\u00e4yt\u00adt\u00e4\u00e4 pel\u00adk\u00e4l\u00adl\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4.)<\/li>\n<li>\n<strong>Poikkeus<\/strong>: ta\u00adpauk\u00adset, jois\u00adsa sa\u00adman toi\u00admin\u00adnon to\u00adteut\u00adta\u00admi\u00adnen ei ole mah\u00addol\u00adlis\u00adta pel\u00adk\u00e4l\u00adl\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4.<\/li>\n<li>Esi\u00admer\u00adkik\u00adsi ham\u00adpu\u00adri\u00adlais\u00adva\u00adli\u00adkot on v\u00e4\u00adlil\u00adl\u00e4 to\u00adteu\u00adtet\u00adtu si\u00adten, et\u00adtei nii\u00adt\u00e4 voi k\u00e4yt\u00adt\u00e4\u00e4 pel\u00adk\u00e4l\u00adl\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>2.1.2 Ei n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6\u00adan\u00adsaa (Taso A)<\/h4>\n<ul>\n<li>N\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n koh\u00addis\u00adtus ei mil\u00adloin\u00adkaan lu\u00adki\u00adtu si\u00advun mi\u00adhin\u00adk\u00e4\u00e4n ele\u00adment\u00adtiin. Jos n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4 voi\u00addaan siir\u00adty\u00e4 jo\u00adhon\u00adkin si\u00advun ele\u00adment\u00adtiin, sii\u00adt\u00e4 on mah\u00addol\u00adlis\u00adta n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n avul\u00adla my\u00f6s p\u00e4\u00e4s\u00adt\u00e4 pois.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00e4 oh\u00adjeis\u00adte\u00adtaan, jos n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6\u00adkoh\u00addis\u00adtin on siir\u00adret\u00adt\u00e4\u00advis\u00ads\u00e4 ele\u00admen\u00adtis\u00adt\u00e4 jo\u00adten\u00adkin muu\u00adten kuin ylei\u00adsim\u00admil\u00adl\u00e4 ta\u00advoil\u00adla, joita ovat esi\u00admer\u00adkik\u00adsi nuo\u00adli\u00ad- tai esc-n\u00e4p\u00adp\u00e4i\u00adn tai sar\u00adkai\u00adn (tab).<\/li>\n<li>Esi\u00admer\u00adkik\u00adsi pop up -ik\u00adku\u00adnat on v\u00e4\u00adlil\u00adl\u00e4 to\u00adteu\u00adtet\u00adtu si\u00adten, et\u00adtei nii\u00adt\u00e4 voi sul\u00adkea pel\u00adk\u00e4l\u00adl\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adl\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>2.1.3 N\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6 (ei poik\u00adkeuk\u00adsia) (Taso AAA)<\/h4>\n<ul>\n<li>Kaik\u00adki toi\u00admin\u00adnal\u00adli\u00adsuus on k\u00e4y\u00adtet\u00adt\u00e4\u00advis\u00ads\u00e4 n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adt\u00e4 k\u00e4\u00adsin il\u00adman poik\u00adkeuk\u00adsia.<\/li>\n<\/ul>\n<hr>\n<h4>2.1.4 Yh\u00adden mer\u00adkin pi\u00adka\u00adn\u00e4p\u00adp\u00e4i\u00admet (Taso A)<\/h4>\n<ul>\n<li>Jos si\u00ads\u00e4l\u00adt\u00f6\u00f6n on to\u00adteu\u00adtet\u00adtu n\u00e4p\u00adp\u00e4i\u00adnoi\u00adko\u00adtie, joka k\u00e4yt\u00adt\u00e4\u00e4 vain yht\u00e4 kir\u00adjain- (mu\u00adkaan \u00adlu\u00adkien pie\u00adnet ja isot kir\u00adjai\u00admet), v\u00e4\u00adli\u00admerk\u00adki-, nu\u00adme\u00adro- tai sym\u00adbo\u00adli\u00adn\u00e4p\u00adp\u00e4in\u00adt\u00e4, v\u00e4\u00adhin\u00adt\u00e4\u00e4n yksi seu\u00adraa\u00advis\u00adta p\u00e4\u00adtee:\n<ul>\n<li>Pois p\u00e4\u00e4l\u00adt\u00e4: on ole\u00admas\u00adsa me\u00adka\u00adnis\u00admi, jol\u00adla n\u00e4p\u00adp\u00e4i\u00adnoi\u00adko\u00adtien voi lait\u00adtaa pois p\u00e4\u00e4l\u00adt\u00e4.<\/li>\n<li>Uu\u00addel\u00adleen\u00adm\u00e4\u00e4\u00adrit\u00adte\u00adly: on ole\u00admas\u00adsa me\u00adka\u00adnis\u00admi, jol\u00adla n\u00e4p\u00adp\u00e4i\u00adnoi\u00adko\u00adtie voi\u00addaan m\u00e4\u00e4\u00adri\u00adtel\u00adl\u00e4 uu\u00addel\u00adleen k\u00e4yt\u00adt\u00e4\u00adm\u00e4\u00e4n yht\u00e4 tai useam\u00adpaa muok\u00adkaus\u00adn\u00e4p\u00adp\u00e4in\u00adt\u00e4 (ctrl, alt jne.).<\/li>\n<li>Ak\u00adtii\u00advi\u00adnen vain koh\u00addis\u00adtaes\u00adsa: tie\u00adtyl\u00adle k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adtil\u00adle tar\u00adkoi\u00adtet\u00adtu n\u00e4p\u00adp\u00e4inoi\u00adko\u00adtie on k\u00e4y\u00adt\u00f6s\u00ads\u00e4 vain, kun koh\u00addis\u00adtus on ky\u00adsei\u00adses\u00ads\u00e4 kom\u00adpo\u00adnen\u00adtis\u00adsa.<\/li>\n<\/ul>\n<\/li>\n<li>Esi\u00admer\u00adkik\u00adsi You\u00adTu\u00adbe-vi\u00addeo\u00adpal\u00adve\u00adlus\u00adsa on k\u00e4y\u00adt\u00f6s\u00ads\u00e4 t\u00e4l\u00adlai\u00adsia yh\u00adden mer\u00adkin pi\u00adka\u00adn\u00e4p\u00adp\u00e4i\u00admi\u00e4, joi\u00adden avul\u00adla k\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi muun muas\u00adsa siir\u00adty\u00e4 vi\u00addeol\u00adla eteen\u00adp\u00e4in, siir\u00adty\u00e4 seu\u00adraa\u00advaan vi\u00addeoon tai muut\u00adtaa vi\u00addeon tois\u00adto\u00adno\u00adpeut\u00adta.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 2.2 \u2013 Tar\u00adpeek\u00adsi ai\u00adkaa<\/h3>\n<p>Anna k\u00e4yt\u00adt\u00e4\u00adjil\u00adle tar\u00adpeek\u00adsi ai\u00adkaa lu\u00adkea ja k\u00e4yt\u00adt\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4.<\/p>\n<hr>\n<h4>2.2.1 S\u00e4\u00e4\u00addet\u00adt\u00e4\u00adv\u00e4 ajoi\u00adtus (Taso A)<\/h4>\n<ul>\n<li>Jos si\u00advul\u00adla tai so\u00advel\u00adluk\u00adsel\u00adla on ai\u00adka\u00adra\u00adja, k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adl\u00e4 on mah\u00addol\u00adli\u00adsuus kyt\u00adke\u00e4 ai\u00adka\u00adra\u00adja pois p\u00e4\u00e4l\u00adt\u00e4, s\u00e4\u00e4\u00adt\u00e4\u00e4 sit\u00e4 tai pit\u00adkit\u00adt\u00e4\u00e4 sit\u00e4.<\/li>\n<li>\n<strong>Poikkeuksia<\/strong>: re\u00adaa\u00adliai\u00adkai\u00adset ta\u00adpah\u00adtu\u00admat (esi\u00admer\u00adkik\u00adsi huu\u00adto\u00adkaup\u00adpa), ti\u00adlan\u00adteet, jois\u00adsa ai\u00adka\u00adra\u00adja on v\u00e4lt\u00adt\u00e4\u00adm\u00e4\u00adt\u00f6n, tai jos ai\u00adka\u00adra\u00adjan pi\u00adtuus on yli 20 tun\u00adtia.<\/li>\n<\/ul>\n<hr>\n<h4>2.2.2 Tauo\u00adta, py\u00ads\u00e4y\u00adt\u00e4, pii\u00adlo\u00adta (Taso A)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi kes\u00adkeyt\u00adt\u00e4\u00e4, py\u00ads\u00e4yt\u00adt\u00e4\u00e4 tai pii\u00adlot\u00adtaa\n<ul>\n<li>au\u00adto\u00admaat\u00adti\u00adses\u00adti k\u00e4yn\u00adnis\u00adty\u00adv\u00e4n liik\u00adku\u00advan, v\u00e4lk\u00adky\u00adv\u00e4n tai vie\u00adri\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n (esi\u00admer\u00adkik\u00adsi ka\u00adrusel\u00adlit, it\u00adses\u00adt\u00e4\u00e4n rul\u00adlaa\u00advat teks\u00adtit, ani\u00admaa\u00adtiot), jon\u00adka kes\u00adto on yli 5 se\u00adkun\u00adtia<\/li>\n<li>au\u00adto\u00admaat\u00adti\u00adses\u00adti p\u00e4i\u00advit\u00adty\u00adv\u00e4n si\u00ads\u00e4l\u00adl\u00f6n (esi\u00admer\u00adkik\u00adsi it\u00adses\u00adt\u00e4\u00e4n p\u00e4i\u00advit\u00adty\u00adv\u00e4n uu\u00adtis\u00advir\u00adran), tai k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adl\u00e4 on mah\u00addol\u00adli\u00adsuus muut\u00adtaa p\u00e4i\u00advi\u00adtys\u00adv\u00e4\u00adlien ajoi\u00adtus\u00adta.<\/li>\n<\/ul>\n<\/li>\n<li>V\u00e4\u00adlil\u00adl\u00e4 si\u00advus\u00adto\u00adjen etusi\u00advuil\u00adle on lai\u00adtet\u00adtu t\u00e4l\u00adlai\u00adnen it\u00adses\u00adt\u00e4\u00e4n py\u00f6\u00adri\u00adv\u00e4 ka\u00adrusel\u00adli, jos\u00adsa si\u00ads\u00e4l\u00adl\u00f6t vaih\u00adtu\u00advat au\u00adto\u00admaat\u00adti\u00adses\u00adti. N\u00e4i\u00adden koh\u00addal\u00adla tu\u00adli\u00adsi siis olla jon\u00adkin\u00adlai\u00adnen pai\u00adni\u00adke, jol\u00adla ne voi py\u00ads\u00e4yt\u00adt\u00e4\u00e4. K\u00e4yt\u00adt\u00e4\u00adj\u00e4n pi\u00adt\u00e4\u00e4 pys\u00adty\u00e4 lu\u00adke\u00admaan si\u00ads\u00e4l\u00adl\u00f6t omaan it\u00adsel\u00adleen so\u00adpi\u00advaan tah\u00adtiin.<\/li>\n<\/ul>\n<hr>\n<h4>2.2.3 Ei ajoi\u00adtus\u00adta (Taso AAA)<\/h4>\n<ul>\n<li>Si\u00ads\u00e4l\u00adt\u00f6\u00adjen lu\u00adke\u00admi\u00adseen ja toi\u00admin\u00adto\u00adjen te\u00adke\u00admi\u00adseen ei ole an\u00adnet\u00adtu ai\u00adka\u00adra\u00adjaa.<\/li>\n<\/ul>\n<hr>\n<h4>2.2.4 Kes\u00adkey\u00adtyk\u00adset (Taso AAA)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi ly\u00adk\u00e4\u00adt\u00e4 tai es\u00adt\u00e4\u00e4 kes\u00adkey\u00adtyk\u00adset lu\u00adkuun ot\u00adta\u00admat\u00adta h\u00e4\u00adt\u00e4\u00adta\u00adpauk\u00adsiin liit\u00adty\u00advi\u00e4 kes\u00adkey\u00adtyk\u00adsi\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>2.2.5 Uu\u00addel\u00adleen tun\u00adnis\u00adtau\u00adtu\u00admi\u00adnen (Taso AAA)<\/h4>\n<ul>\n<li>Kun to\u00adden\u00adnet\u00adtu is\u00adtun\u00adto van\u00adhen\u00adtuu, k\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi tie\u00adto\u00adja me\u00adnet\u00adt\u00e4\u00adm\u00e4t\u00adt\u00e4 jat\u00adkaa toi\u00admin\u00adtoa uu\u00addel\u00adleen\u00adtun\u00adnis\u00adtau\u00adtu\u00admi\u00adsen j\u00e4l\u00adkeen.<\/li>\n<\/ul>\n<hr>\n<h4>2.2.6 Ai\u00adka\u00adkat\u00adkai\u00adsut (Taso AAA)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00e4 va\u00adroi\u00adte\u00adtaan, jos k\u00e4yt\u00adt\u00e4\u00adj\u00e4n tie\u00adto\u00adja voi ka\u00addo\u00adta k\u00e4yt\u00adt\u00e4\u00adj\u00e4n inak\u00adtii\u00advi\u00adsuu\u00adden seu\u00adrauk\u00adse\u00adna, pait\u00adsi jos tie\u00adto\u00adja s\u00e4i\u00adly\u00adte\u00adt\u00e4\u00e4n yli 20 tun\u00adtia sen j\u00e4l\u00adkeen, kun k\u00e4yt\u00adt\u00e4\u00adj\u00e4 ei tee mi\u00adt\u00e4\u00e4n.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 2.3 \u2013 Sai\u00adraus\u00adkoh\u00adtauk\u00adset<\/h3>\n<p>\u00c4l\u00e4 suun\u00adnit\u00adte\u00adle si\u00ads\u00e4l\u00adt\u00f6\u00e4 ta\u00adval\u00adla, jon\u00adka tie\u00adde\u00adt\u00e4\u00e4n ai\u00adheut\u00adta\u00advan sai\u00adraus\u00adkoh\u00adtauk\u00adsia.<\/p>\n<hr>\n<h4>2.3.1 Kol\u00adme v\u00e4\u00adl\u00e4h\u00addys\u00adt\u00e4 tai alle -raja-arvo (Taso A)<\/h4>\n<ul>\n<li>Mi\u00adk\u00e4\u00e4n si\u00advulla ole\u00adva si\u00ads\u00e4l\u00adt\u00f6 ei v\u00e4l\u00adky ti\u00adhe\u00e4m\u00admin kuin 3 ker\u00adtaa se\u00adkun\u00adnis\u00adsa.<\/li>\n<li>\n<strong>Poikkeus<\/strong>: v\u00e4lk\u00adky\u00adv\u00e4 si\u00ads\u00e4l\u00adt\u00f6 on kool\u00adtaan pie\u00adni, v\u00e4\u00adl\u00e4h\u00addys\u00adten kont\u00adras\u00adti\u00adsuh\u00adde on pie\u00adni ja v\u00e4\u00adl\u00e4h\u00adt\u00e4\u00adv\u00e4s\u00ads\u00e4 si\u00ads\u00e4l\u00adl\u00f6s\u00ads\u00e4 ei ole pal\u00adjoa pu\u00adnais\u00adta v\u00e4\u00adri\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>2.3.2 Kol\u00adme v\u00e4\u00adl\u00e4h\u00addys\u00adt\u00e4 (Taso AAA)<\/h4>\n<ul>\n<li>Verk\u00adko\u00adsi\u00advut ei\u00adv\u00e4t si\u00ads\u00e4l\u00adl\u00e4 mi\u00adt\u00e4\u00e4n, joka mil\u00adloin\u00adkaan v\u00e4\u00adl\u00e4h\u00adt\u00e4i\u00adsi useam\u00admin kuin kol\u00adme ker\u00adtaa se\u00adkun\u00adnis\u00adsa.<\/li>\n<\/ul>\n<hr>\n<h4>2.3.3 Ani\u00admaa\u00adtio vuo\u00adro\u00advai\u00adku\u00adtuk\u00adsen yh\u00adtey\u00addes\u00ads\u00e4 (Taso AAA)<\/h4>\n<ul>\n<li>Lii\u00adkea\u00adni\u00admaa\u00adtio, joka on seu\u00adraus\u00adta k\u00e4yt\u00adt\u00e4\u00adj\u00e4n vuo\u00adro\u00advai\u00adku\u00adtuk\u00adses\u00adta, voi\u00addaan lait\u00adtaa pois p\u00e4\u00e4l\u00adt\u00e4, pait\u00adsi ti\u00adlan\u00adteis\u00adsa, jois\u00adsa ani\u00admaa\u00adtio on olen\u00adnai\u00adnen k\u00e4y\u00adt\u00f6n tai v\u00e4\u00adli\u00adtet\u00adt\u00e4\u00adv\u00e4n in\u00adfor\u00admaa\u00adtion kan\u00adnal\u00adta.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 2.4 \u2013 Na\u00advi\u00adgoi\u00adta\u00adva<\/h3>\n<p>Tar\u00adjoa k\u00e4yt\u00adt\u00e4\u00adjil\u00adle ta\u00adpo\u00adja na\u00advi\u00adgoi\u00adda, et\u00adsi\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 ja m\u00e4\u00e4\u00adrit\u00adt\u00e4\u00e4 si\u00adjain\u00adtin\u00adsa.<\/p>\n<hr>\n<h4>2.4.1 Ohi\u00adta loh\u00adkot (Taso A)<\/h4>\n<ul>\n<li>Si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4n tois\u00adtu\u00advat osiot (na\u00advi\u00adgaa\u00adtio\u00adlin\u00adkit yms.) on mah\u00addol\u00adlis\u00adta ohit\u00adtaa jom\u00admal\u00adla\u00adkum\u00admal\u00adla ta\u00adval\u00adla:\n<ul>\n<li>Te\u00adke\u00adm\u00e4l\u00adl\u00e4 si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4n al\u00adkuun \u201dHyp\u00adp\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00f6n\u201d -link\u00adki, joka vie k\u00e4yt\u00adt\u00e4\u00adj\u00e4n suo\u00adraan si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4n p\u00e4\u00e4\u00adsi\u00ads\u00e4l\u00adt\u00f6\u00f6n.<\/li>\n<li>K\u00e4ytt\u00e4m\u00e4ll\u00e4 kun\u00adnol\u00adlis\u00adta ja toi\u00admi\u00advaa ot\u00adsik\u00adko\u00adra\u00adken\u00adnet\u00adta \u2013 ot\u00adsi\u00adkot ovat my\u00f6s oh\u00adjel\u00admal\u00adli\u00adses\u00adti tun\u00adnis\u00adtet\u00adta\u00advis\u00adsa ot\u00adsi\u00adkoik\u00adsi &lt;h1\u2026h6&gt;.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>2.4.2 Si\u00advuot\u00adsi\u00adkot (Taso A)<\/h4>\n<ul>\n<li>Jo\u00adkai\u00adsel\u00adla si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4l\u00adl\u00e4 on ku\u00advaa\u00adva nimi (&lt;tit\u00adle&gt;). Si\u00advun nimi m\u00e4\u00e4\u00adri\u00adtel\u00adl\u00e4\u00e4n HTML:ss\u00e4 head-osios\u00adsa.<\/li>\n<li>Hyv\u00e4 si\u00advuot\u00adsik\u00adko ker\u00adtoo ala\u00adsi\u00advun ot\u00adsi\u00adkon sek\u00e4 si\u00advus\u00adton ni\u00admen. Esi\u00admer\u00adkik\u00adsi \u201dSaa\u00advu\u00adtet\u00adta\u00advuus \u2013 Pa\u00adpu\u00adnet\u201d.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.3 Koh\u00addis\u00adtus\u00adj\u00e4r\u00adjes\u00adtys (Taso A)<\/h4>\n<ul>\n<li>Na\u00advi\u00adgoi\u00adta\u00advien ele\u00adment\u00adtien (esi\u00admer\u00adkik\u00adsi lin\u00adkit ja lo\u00adma\u00adke\u00adken\u00adt\u00e4t) na\u00advi\u00adgoin\u00adti\u00adj\u00e4r\u00adjes\u00adtys on loo\u00adgi\u00adnen ja in\u00adtui\u00adtii\u00advi\u00adnen.<\/li>\n<li>Ko\u00adkei\u00adle liik\u00adkua si\u00advul\u00adla k\u00e4yt\u00adt\u00e4en n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n sar\u00adkain-pai\u00adni\u00adket\u00adta (tab). Koh\u00addis\u00adtuk\u00adsen tu\u00adli\u00adsi men\u00adn\u00e4 loo\u00adgi\u00adses\u00adsa j\u00e4r\u00adjes\u00adtyk\u00adses\u00ads\u00e4. Esi\u00admer\u00adkik\u00adsi en\u00adsin ban\u00adne\u00adri, ha\u00adku\u00adtoi\u00admin\u00adto, na\u00advi\u00adgaa\u00adtio, p\u00e4\u00e4\u00adsi\u00ads\u00e4l\u00adt\u00f6 ja foo\u00adter.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.4 Lin\u00adkin tar\u00adkoi\u00adtus (kon\u00adteks\u00adtis\u00adsa) (Taso A)<\/h4>\n<ul>\n<li>Jo\u00adkai\u00adsen lin\u00adkin tar\u00adkoi\u00adtus (eli mit\u00e4 lin\u00adkis\u00adt\u00e4 ta\u00adpah\u00adtuu) on mah\u00addol\u00adlis\u00adta sel\u00advit\u00adt\u00e4\u00e4 pel\u00adk\u00e4s\u00adt\u00e4 link\u00adki\u00adteks\u00adtis\u00adt\u00e4 tai link\u00adki\u00adteks\u00adtis\u00adt\u00e4 ja sit\u00e4 ym\u00adp\u00e4\u00adr\u00f6i\u00adv\u00e4s\u00adt\u00e4 kon\u00adteks\u00adtis\u00adta (esi\u00admer\u00adkik\u00adsi sa\u00admas\u00adsa kap\u00adpa\u00adlees\u00adsa, lis\u00adtas\u00adsa tai tau\u00adlu\u00adkon so\u00adlus\u00adsa).<\/li>\n<li>Lin\u00adkit, jois\u00adsa on sama teks\u00adti ja jotka vie\u00adv\u00e4t eri si\u00advuil\u00adle, ovat hel\u00adpos\u00adti ero\u00adtet\u00adta\u00advis\u00adsa toi\u00adsis\u00adtaan.<\/li>\n<li>Esi\u00admer\u00adkik\u00adsi \u201dLue li\u00ads\u00e4\u00e4\u201d -link\u00adkien koh\u00addal\u00adla nii\u00adt\u00e4 edel\u00adt\u00e4\u00adv\u00e4 teks\u00adti tai otsikko an\u00adta\u00ada usein riit\u00adt\u00e4\u00adv\u00e4s\u00adti viit\u00adtei\u00adt\u00e4 sii\u00adt\u00e4, mit\u00e4 ky\u00adsei\u00adses\u00adt\u00e4 lin\u00adkis\u00adt\u00e4 ta\u00adpah\u00adtuu.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.5 Usei\u00adta ta\u00adpo\u00adja (Taso AA)<\/h4>\n<ul>\n<li>Verk\u00adko\u00adsi\u00advu on l\u00f6y\u00addet\u00adt\u00e4\u00advis\u00ads\u00e4 si\u00advus\u00adtol\u00adta v\u00e4\u00adhin\u00adt\u00e4\u00e4n kah\u00addel\u00adla eri ta\u00adval\u00adla, esi\u00admer\u00adkik\u00adsi na\u00advi\u00adgaa\u00adtio\u00adlin\u00adkeill\u00e4, ai\u00adhee\u00adseen liit\u00adty\u00advien si\u00advujen listalla, si\u00ads\u00e4l\u00adlys\u00adluet\u00adte\u00adlolla, si\u00advu\u00adkart\u00adalla tai si\u00advus\u00adton kat\u00adta\u00advalla haulla.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.6 Ot\u00adsi\u00adkot ja ni\u00admi\u00adla\u00adput (Taso AA)<\/h4>\n<ul>\n<li>Si\u00advul\u00adla ole\u00advat ot\u00adsi\u00adkot ja lo\u00admak\u00adkei\u00adden ni\u00admi\u00adla\u00adput (la\u00adbel) ovat ku\u00advaa\u00advia.<\/li>\n<li>V\u00e4l\u00adt\u00e4 sa\u00adman\u00adni\u00admis\u00adten ot\u00adsi\u00adkoi\u00adden ja ni\u00admi\u00adlap\u00adpu\u00adjen k\u00e4yt\u00adt\u00f6\u00e4, pait\u00adsi sil\u00adloin, jos ne ovat ero\u00adtet\u00adta\u00advis\u00adsa toi\u00adsis\u00adtaan asiayh\u00adtey\u00adden tai si\u00advu\u00adra\u00adken\u00adteen pe\u00adrus\u00adteel\u00adla.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.7 N\u00e4\u00adky\u00adv\u00e4 koh\u00addis\u00adtus (Taso AA)<\/h4>\n<ul>\n<li>N\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6\u00adkoh\u00addis\u00adtin on koko ajan n\u00e4\u00adky\u00advis\u00ads\u00e4 si\u00adten, ett\u00e4 on help\u00adpo ha\u00advai\u00adta, mik\u00e4 ele\u00adment\u00adti on koh\u00addis\u00adtet\u00adtu\u00adna.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.8 Si\u00adjain\u00adti (Taso AAA)<\/h4>\n<ul>\n<li>Si\u00advun si\u00adjain\u00adti si\u00advus\u00adtol\u00adla on il\u00admais\u00adtu esi\u00admer\u00adkik\u00adsi niin sa\u00adno\u00adtun mu\u00adru\u00adpo\u00adlun avul\u00adla tai ko\u00adros\u00adta\u00admal\u00adla ak\u00adtii\u00advi\u00adsen osion ja si\u00advun link\u00adke\u00adj\u00e4 na\u00advi\u00adgaa\u00adtio\u00adva\u00adli\u00adkos\u00adsa.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.9 Lin\u00adkin tar\u00adkoi\u00adtus (vain lin\u00adkis\u00adt\u00e4) (Taso AAA)<\/h4>\n<ul>\n<li>Jo\u00adkai\u00adsen lin\u00adkin tar\u00adkoi\u00adtus on ku\u00advat\u00adtu link\u00adki\u00adteks\u00adtis\u00ads\u00e4.<\/li>\n<li>Si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4s\u00ads\u00e4 ei ole sa\u00adman\u00adni\u00admi\u00adsi\u00e4 link\u00adke\u00adj\u00e4, jot\u00adka vie\u00adv\u00e4t eri paik\u00adkoi\u00adhin.<\/li>\n<\/ul>\n<hr>\n<h4>2.4.10 Osioi\u00adden ot\u00adsi\u00adkot (Taso AAA)<\/h4>\n<ul>\n<li>Si\u00advu\u00adn\u00e4\u00adky\u00adm\u00e4n eri osil\u00adle on an\u00adnet\u00adtu ku\u00advaa\u00advat ot\u00adsi\u00adkot, jot\u00adta si\u00ads\u00e4l\u00adl\u00f6n lu\u00adke\u00admi\u00adnen ja osioi\u00adden v\u00e4\u00adlil\u00adl\u00e4 liik\u00adku\u00admi\u00adnen on hel\u00adpom\u00adpaa.<\/li>\n<\/ul>\n<hr>\n<p><strong>2.4.11 N\u00e4kyv\u00e4 kohdistin ei peity (minimi) (Taso AA)<\/strong><\/p>\n<ul>\n<li>Kun k\u00e4ytt\u00f6liittym\u00e4komponentti vastaanottaa n\u00e4pp\u00e4imist\u00f6kohdistuksen, komponentti on ainakin osittain n\u00e4kyviss\u00e4.<\/li>\n<\/ul>\n<p><strong><span class=\"x_s2\">N\u00e4in voit testata:<br>\n<\/span><\/strong><span class=\"x_s2\">K\u00e4y verkkosivun kaikki toiminnalliset kohteet sarkaimella (Tab-painike) l\u00e4pi. Varmista, ett\u00e4 pystyt ainakin osittain n\u00e4kem\u00e4\u00e4n kaikki kohteet, jotka vastaanottavat n\u00e4pp\u00e4imist\u00f6kohdistuksen.<br>\n<\/span><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<br>\n<\/span><\/strong><span class=\"x_s2\">N\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4jien tulee voida n\u00e4hd\u00e4, miss\u00e4 kohdassa kohdistin on.<\/span><\/p>\n<hr>\n<p><strong>2.4.12 N\u00e4kyv\u00e4 kohdistin ei peity (parannettu) (Taso AAA)<\/strong><\/p>\n<ul>\n<li>Kun k\u00e4ytt\u00f6liittym\u00e4komponentti vastaanottaa n\u00e4pp\u00e4imist\u00f6kohdistuksen, yksik\u00e4\u00e4n komponentin osa ei ole piilossa tekij\u00e4n luoman sis\u00e4ll\u00f6n takia.<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">N\u00e4in voit testata:<\/span><\/strong><\/div>\n<div>\n<span class=\"x_s2\">K\u00e4y verkkosivun kaikki toiminnalliset kohteet sarkaimella (Tab-painike) l\u00e4pi. Varmista, ett\u00e4 pystyt n\u00e4kem\u00e4\u00e4n kokonaan kaikki kohteet, jotka vastaanottavat n\u00e4pp\u00e4imist\u00f6kohdistuksen.<br>\n<\/span><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong>\n<\/div>\n<div><span class=\"x_s2\">N\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4jien tulee voida n\u00e4hd\u00e4, miss\u00e4 kohdassa kohdistin on.<\/span><\/div>\n<hr>\n<p><strong>2.4.13 N\u00e4kyv\u00e4n kohdistuksen ulkoasu (Taso AAA)<\/strong><\/p>\n<ul>\n<li>N\u00e4pp\u00e4imist\u00f6n kohdistuksen ilmaisimen tulee olla riitt\u00e4v\u00e4n hyvin n\u00e4kyviss\u00e4.<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">N\u00e4in voit testata:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">K\u00e4y verkkosivun kaikki toiminnalliset kohteet sarkaimella (Tab-painike) l\u00e4pi. Varmista, ett\u00e4<\/span><\/div>\n<ul class=\"x_ul2\">\n<li class=\"x_li3\"><span class=\"x_s2\">kohdistimen kontrasti suhteessa taustaan on riitt\u00e4v\u00e4n suuri \u2013 v\u00e4hint\u00e4\u00e4n 3:1 ja<\/span><\/li>\n<li class=\"x_li3\"><span class=\"x_s2\">kohdistimen reunaviivat ovat riitt\u00e4v\u00e4n paksut, jotta ne on helppo erottaa.<\/span><\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Monet ihmiset, mukaan lukien ik\u00e4\u00e4ntyneet, eiv\u00e4t n\u00e4e pieni\u00e4 muutoksia visuaalisessa ilmeess\u00e4.<\/span><\/div>\n<hr>\n<h3>Ohje 2.5 \u2013 Sy\u00f6\u00adte\u00adta\u00advat<\/h3>\n<p>Tee toi\u00admin\u00adto\u00adjen k\u00e4yt\u00adt\u00e4\u00admi\u00adses\u00adt\u00e4 k\u00e4yt\u00adt\u00e4\u00adjil\u00adle hel\u00adpom\u00adpaa eri\u00adlai\u00adsil\u00adla sy\u00f6\u00adte\u00adta\u00advoil\u00adla n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n li\u00ads\u00e4k\u00adsi.<\/p>\n<hr>\n<h4>2.5.1 Osoi\u00adti\u00adne\u00adleet (Taso A)<\/h4>\n<ul>\n<li>Toi\u00admin\u00adnoil\u00adle, joi\u00adden suo\u00adrit\u00adta\u00admi\u00adnen vaa\u00adtii mo\u00adni\u00adpis\u00adte-eleen (esi\u00admer\u00adkik\u00adsi kah\u00adden sor\u00admen ni\u00adpis\u00adtys) tai reit\u00adtiin pe\u00adrus\u00adtu\u00advan eleen (esi\u00admer\u00adkik\u00adsi raa\u00adhaus ja pyyh\u00adk\u00e4i\u00adsy) k\u00e4yt\u00adt\u00f6\u00e4, tu\u00adlee tar\u00adjo\u00adta vaih\u00adtoeh\u00adtoi\u00adnen tapa suo\u00adrit\u00adtaa sama toi\u00admin\u00adto. Kaik\u00adkia toi\u00admin\u00adto\u00adja pi\u00adt\u00e4\u00e4 voi\u00adda k\u00e4yt\u00adt\u00e4\u00e4 ilman liikett\u00e4 pai\u00adna\u00admal\u00adla yht\u00e4 koh\u00adtaa ruu\u00addul\u00adla.<\/li>\n<li>Esi\u00admer\u00adkik\u00adsi ku\u00adva\u00adka\u00adrusel\u00adlia pi\u00adt\u00e4\u00e4 voi\u00adda pys\u00adty\u00e4 k\u00e4yt\u00adt\u00e4\u00adm\u00e4\u00e4n pai\u00adna\u00admal\u00adla vain yht\u00e4 pai\u00adni\u00adket\u00adta ruu\u00addul\u00adla eik\u00e4 pel\u00adk\u00e4s\u00adt\u00e4\u00e4n pyyh\u00adk\u00e4i\u00adse\u00adm\u00e4l\u00adl\u00e4 n\u00e4yt\u00adt\u00f6\u00e4. Sa\u00admoin kart\u00adtaa tu\u00adlee voi\u00adda lii\u00adkut\u00adtaa ja l\u00e4\u00adhen\u00adt\u00e4\u00e4\/\u200b\u200b\u200bloi\u00adton\u00adtaa ruu\u00addul\u00adla n\u00e4\u00adky\u00advien pai\u00adnik\u00adkei\u00adden avul\u00adla.<\/li>\n<li>\n<strong>Poikkeus<\/strong>: mo\u00adni\u00adpis\u00adte- tai reit\u00adtiin pe\u00adrus\u00adtu\u00advan eleen k\u00e4yt\u00adt\u00e4\u00admi\u00adnen on ky\u00adsei\u00adsen toi\u00admin\u00adnon suo\u00adrit\u00adta\u00admi\u00adsen kan\u00adnal\u00adta olen\u00adnais\u00adta.<\/li>\n<\/ul>\n<hr>\n<h4>2.5.2 Osoi\u00adtin\u00adlait\u00adteel\u00adla teh\u00addyn va\u00adlin\u00adnan pe\u00adruut\u00adta\u00admi\u00adnen (Taso A)<\/h4>\n<ul>\n<li>Ta\u00adhat\u00adto\u00adman ak\u00adti\u00advoin\u00adnin v\u00e4lt\u00adt\u00e4\u00admi\u00adsek\u00adsi mi\u00adk\u00e4\u00e4n k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4e\u00adle\u00adment\u00adti ei sai\u00adsi ak\u00adti\u00advoi\u00adtua, kun hii\u00adren nap\u00adpu\u00adla pai\u00adne\u00adtaan alas tai sor\u00admi ase\u00adte\u00adtaan kos\u00adke\u00adtus\u00adn\u00e4y\u00adt\u00f6l\u00adle. Ak\u00adti\u00advoin\u00adnin tu\u00adli\u00adsi ta\u00adpah\u00adtua vas\u00adta, kun hii\u00adren nap\u00adpu\u00adla tai sor\u00admi nos\u00adte\u00adtaan yl\u00f6s.<\/li>\n<li>Jos t\u00e4m\u00e4 on kui\u00adten\u00adkin toi\u00admin\u00adnan kan\u00adnal\u00adta v\u00e4lt\u00adt\u00e4\u00adm\u00e4\u00adt\u00f6n\u00adt\u00e4, t\u00e4y\u00adtyy tar\u00adjo\u00adta kei\u00adno teh\u00addyn toi\u00admin\u00adnon pe\u00adruut\u00adta\u00admi\u00adsek\u00adsi.<\/li>\n<\/ul>\n<hr>\n<h4>2.5.3 Ni\u00admi\u00adlap\u00adpu ni\u00admes\u00ads\u00e4 (Taso A)<\/h4>\n<ul>\n<li>Teks\u00adti\u00e4 si\u00ads\u00e4l\u00adt\u00e4\u00advien k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien (esi\u00admer\u00adkik\u00adsi lin\u00adkit ja pai\u00adnik\u00adkeet) saa\u00advu\u00adtet\u00adta\u00advan ni\u00admen (esi\u00admer\u00adkik\u00adsi la\u00adbel, alt-teks\u00adti tai aria-la\u00adbel) pi\u00adt\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00e4\u00e4 kom\u00adpo\u00adnen\u00adtis\u00adsa n\u00e4\u00adky\u00adv\u00e4 teks\u00adti.<\/li>\n<li>Jos esi\u00admer\u00adkik\u00adsi pai\u00adnik\u00adkee\u00adna toi\u00admi\u00advas\u00adsa ku\u00advas\u00adsa lu\u00adkee vi\u00adsu\u00adaa\u00adli\u00adses\u00adti teks\u00adti \u201dL\u00e4\u00adhe\u00adt\u00e4\u201d, t\u00e4m\u00e4n saman \u201dL\u00e4\u00adhe\u00adt\u00e4\u201d-teks\u00adtin tu\u00adlee olla osa\u00adna ky\u00adsei\u00adsen k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adtin saa\u00advu\u00adtet\u00adta\u00advaa ni\u00adme\u00e4.<\/li>\n<li>T\u00e4l\u00adl\u00e4 var\u00admis\u00adte\u00adtaan, ett\u00e4 ky\u00adseis\u00adt\u00e4 toi\u00admin\u00adtoa on mah\u00addol\u00adlis\u00adta k\u00e4yt\u00adt\u00e4\u00e4 my\u00f6s pu\u00adheel\u00adla eli sa\u00adno\u00admal\u00adla \u00e4\u00e4\u00adneen ky\u00adsei\u00adses\u00ads\u00e4 toi\u00admin\u00adnos\u00adsa n\u00e4\u00adky\u00advis\u00ads\u00e4 ole\u00adva teks\u00adti.<\/li>\n<li>On suo\u00adsi\u00adtel\u00adta\u00advaa si\u00adjoit\u00adtaa vi\u00adsu\u00adaa\u00adli\u00adses\u00adti n\u00e4\u00adky\u00adv\u00e4 teks\u00adti saa\u00advu\u00adtet\u00adta\u00advan ni\u00admen al\u00adkuun.<\/li>\n<\/ul>\n<hr>\n<h4>2.5.4 K\u00e4yt\u00adt\u00f6 liik\u00adkeen avul\u00adla (Taso A)<\/h4>\n<ul>\n<li>Toi\u00admin\u00adnot, joi\u00adta k\u00e4y\u00adte\u00adt\u00e4\u00e4n lii\u00adkut\u00adta\u00admal\u00adla lai\u00adtet\u00adta (esi\u00admer\u00adkik\u00adsi ra\u00advis\u00adta\u00admal\u00adla, hei\u00adlut\u00adta\u00admal\u00adla, kier\u00adt\u00e4\u00adm\u00e4l\u00adl\u00e4 tai k\u00e4\u00e4n\u00adt\u00e4\u00adm\u00e4l\u00adl\u00e4), tai jot\u00adka vaa\u00adti\u00advat k\u00e4yt\u00adt\u00e4\u00adj\u00e4n liik\u00adku\u00admis\u00adta (esi\u00admer\u00adkik\u00adsi vil\u00adkut\u00adta\u00admi\u00adsta ka\u00adme\u00adral\u00adle), voi\u00addaan ot\u00adtaa pois k\u00e4y\u00adt\u00f6s\u00adt\u00e4, jot\u00adta v\u00e4l\u00adte\u00adt\u00e4\u00e4n toi\u00admin\u00adnon ak\u00adti\u00advoi\u00adtu\u00admi\u00adnen va\u00adhin\u00adgos\u00adsa. T\u00e4l\u00adlais\u00adten toi\u00admin\u00adto\u00adjen suo\u00adrit\u00adta\u00admi\u00adseen on ol\u00adta\u00adva jo\u00adkin vaih\u00adtoeh\u00adtoi\u00adnen tapa, joka toi\u00admi\u00adi pe\u00adrin\u00adteis\u00adten oh\u00adjaus\u00adta\u00adpo\u00adjen kaut\u00adta (esi\u00admer\u00adkik\u00adsi pai\u00adnik\u00adkeilla).<\/li>\n<li>\n<strong>Poikkeus<\/strong>: lii\u00adkeoh\u00adjaus on toi\u00admin\u00adnon suo\u00adrit\u00adta\u00admi\u00adsen kan\u00adnal\u00adta olen\u00adnai\u00adnen.<\/li>\n<\/ul>\n<hr>\n<h4>2.5.5 Koh\u00adteen koko (Taso AAA)<\/h4>\n<ul>\n<li>Hii\u00adrel\u00adl\u00e4 kli\u00adkat\u00adta\u00advien ja sor\u00admel\u00adla pai\u00adnet\u00adta\u00advien aluei\u00adden koko on v\u00e4\u00adhin\u00adt\u00e4\u00e4n 44 x 44 CSS-pik\u00adse\u00adli\u00e4.<\/li>\n<li>\n<strong>Poikkeukset<\/strong>:\n<ul>\n<li>Koh\u00adde on saa\u00adta\u00advil\u00adla jon\u00adkin toi\u00adsen, v\u00e4\u00adhin\u00adt\u00e4\u00e4n 44 x 44 CSS-pik\u00adse\u00adlin ko\u00adkoi\u00adsen lin\u00adkin tai kom\u00adpo\u00adnen\u00adtin kaut\u00adta.<\/li>\n<li>Koh\u00adde on virk\u00adkeen tai teks\u00adti\u00adloh\u00adkon si\u00ads\u00e4l\u00adl\u00e4.<\/li>\n<li>Koh\u00adteen koko m\u00e4\u00e4\u00adr\u00e4y\u00adtyy k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00adagen\u00adtin (esi\u00admer\u00adkik\u00adsi verk\u00adko\u00adse\u00adlain) pe\u00adrus\u00adteel\u00adla eik\u00e4 si\u00ads\u00e4l\u00adl\u00f6n\u00adtuot\u00adta\u00adja ole teh\u00adnyt sii\u00adhen muu\u00adtok\u00adsia \u2013 esi\u00admer\u00adkik\u00adsi va\u00adlin\u00adta\u00adruu\u00addut (check\u00adbox).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>2.5.6 Rin\u00adnak\u00adkai\u00adset sy\u00f6\u00adte\u00adme\u00adka\u00adnis\u00admit (Taso AAA)<\/h4>\n<ul>\n<li>Verk\u00adko\u00adsi\u00ads\u00e4l\u00adt\u00f6 ei ra\u00adjoi\u00adta eri sy\u00f6\u00adte\u00adta\u00adpo\u00adjen k\u00e4yt\u00adt\u00e4\u00admis\u00adt\u00e4. Si\u00advus\u00adton pi\u00adt\u00e4\u00e4 olla k\u00e4y\u00adtet\u00adt\u00e4\u00advis\u00ads\u00e4 muu\u00adten\u00adkin kuin esi\u00admer\u00adkik\u00adsi pel\u00adk\u00e4s\u00adt\u00e4\u00e4n kos\u00adke\u00adtuk\u00adsel\u00adla tai pel\u00adk\u00e4s\u00adt\u00e4\u00e4n n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6l\u00adt\u00e4.<\/li>\n<li>\n<strong>Poikkeukset<\/strong>: jo\u00adkin tiet\u00adty sy\u00f6\u00adte\u00adta\u00adpa on k\u00e4y\u00adt\u00f6n kan\u00adnal\u00adta joko olen\u00adnais\u00adta, pa\u00adkol\u00adlis\u00adta si\u00ads\u00e4l\u00adl\u00f6n tur\u00adval\u00adli\u00adsuu\u00adden vuok\u00adsi ja\/\u200b\u200b\u200btai vaa\u00addi\u00adtaan k\u00e4yt\u00adt\u00e4\u00adj\u00e4n ase\u00adtus\u00adten nou\u00addat\u00adta\u00admi\u00adsek\u00adsi.<\/li>\n<\/ul>\n<hr>\n<p><strong>2.5.7 Raahaamista vaativat toiminnot (Taso AA)<\/strong><\/p>\n<ul>\n<li>Kaikki toiminnot, jotka k\u00e4ytt\u00e4v\u00e4t raahaamisliikett\u00e4, on mahdollista suorittaa yhdell\u00e4 osoittimella ilman raahaamista, ellei raahaaminen ole v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4 tai toiminnallisuus m\u00e4\u00e4r\u00e4ytyy k\u00e4ytt\u00e4j\u00e4agentin toimesta eik\u00e4 sit\u00e4 muokata tekij\u00e4n toimesta.<\/li>\n<li>\n<div><span class=\"x_s2\">Huomautus: T\u00e4m\u00e4 vaatimus koskee web-sis\u00e4lt\u00f6\u00e4, joka tulkitsee osoitintoimintoja (eli t\u00e4m\u00e4 ei koske toimintoja, jotka ovat v\u00e4ltt\u00e4m\u00e4tt\u00f6mi\u00e4 k\u00e4ytt\u00e4j\u00e4agentin tai apuv\u00e4lineen k\u00e4ytt\u00f6\u00f6n).<\/span><\/div>\n<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Mit\u00e4 tehd\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Tarjoa yksinkertainen osoitinvaihtoehto kaikille toiminnoille, jotka vaativat raahaamista (engl. dragging).<\/span><\/div>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Jotkut ihmiset eiv\u00e4t voi k\u00e4ytt\u00e4\u00e4 hiirt\u00e4 raahaamiseen.<\/span><\/div>\n<hr>\n<p><strong>2.5.8 Kohdealueen koko (Taso AA)<\/strong><\/p>\n<ul>\n<li>Toiminnallisten kohteiden (esimerkiksi linkit, painikkeet, ja lomake-elementit) koko on v\u00e4hint\u00e4\u00e4n 24 x 24 CSS-pikseli\u00e4, paitsi kun:\n<ul>\n<li>Et\u00e4isyys: Jos sivulla on l\u00e4hekk\u00e4in alle 24\u00d724 CSS-pikselin kokoisia kohteita, kohteiden v\u00e4lill\u00e4 tulee olla riitt\u00e4v\u00e4sti tyhj\u00e4\u00e4 tilaa. Toiminnallisen kohteen keskipisteest\u00e4 tulee olla v\u00e4hint\u00e4\u00e4n 12 CSS-pikseli\u00e4 l\u00e4himp\u00e4\u00e4n toiminnalliseen kohteeseen.<\/li>\n<\/ul>\n<\/li>\n<li>Esimerkki: Vierekk\u00e4in on kolme sosiaalisen median kuvalinkki\u00e4. Jokaisen kuvalinkin koko on 10 x 10 CSS-pikseli\u00e4. N\u00e4iden kuvalinkkien v\u00e4liin on j\u00e4tett\u00e4v\u00e4 tyhj\u00e4\u00e4 tilaa. T\u00e4m\u00e4 voidaan tehd\u00e4 esimerkiksi lis\u00e4\u00e4m\u00e4ll\u00e4 jokaisen kuvalinkin vasempaan ja oikeaan reunaan paddingia 6 CSS-pikseli\u00e4.<\/li>\n<li>\n<strong>Poikkeukset:<\/strong>\n<ul>\n<li>Toinen tapa: Jos samassa sivun\u00e4kym\u00e4ss\u00e4 on kaksi kohdetta, jotka suorittavat saman toiminnon riitt\u00e4\u00e4, ett\u00e4 vain toinen kohteista t\u00e4ytt\u00e4\u00e4 t\u00e4m\u00e4n kriteerin ehdot.<\/li>\n<li>Sis\u00e4kk\u00e4inen: Kohde on lauseessa tai sen koko on muutoin rajoitettu tekstin rivikorkeuden toimesta.<\/li>\n<li>K\u00e4ytt\u00e4j\u00e4agentin hallinta: Kohdealueen koko m\u00e4\u00e4r\u00e4ytyy k\u00e4ytt\u00e4j\u00e4agentin toimesta eik\u00e4 sit\u00e4 muokata tekij\u00e4n toimesta.<\/li>\n<li>Oleellinen: Tietyn kohdealueen esitystapa on oleellinen tai laillisesti vaadittu tiedon v\u00e4litt\u00e4miseksi.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Mit\u00e4 tehd\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Varmista, ett\u00e4 toiminnalliset kohteet t\u00e4ytt\u00e4v\u00e4t minimikoon (24\u00d724 CSS-pikseli\u00e4) tai niill\u00e4 on riitt\u00e4v\u00e4sti tilaa ymp\u00e4rill\u00e4\u00e4n.<\/span><\/div>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Jotkut fyysisist\u00e4 rajoitteista k\u00e4rsiv\u00e4t ihmiset eiv\u00e4t voi klikata pieni\u00e4 nappuloita, jotka ovat l\u00e4hell\u00e4 toisiaan.<\/span><\/div>\n<hr>\n<h2>3. Ym\u00adm\u00e4r\u00adret\u00adt\u00e4\u00adv\u00e4<\/h2>\n<h3>Ohje 3.1 \u2013 Luet\u00adta\u00adva<\/h3>\n<p>Tee teks\u00adti\u00adsi\u00ads\u00e4l\u00adl\u00f6s\u00adt\u00e4 luet\u00adta\u00advaa ja ym\u00adm\u00e4r\u00adret\u00adt\u00e4\u00adv\u00e4\u00e4.<\/p>\n<hr>\n<h4>3.1.1 Si\u00advun kie\u00adli (Taso A)<\/h4>\n<ul>\n<li>Si\u00advus\u00adton kie\u00adli on m\u00e4\u00e4\u00adri\u00adtel\u00adty oh\u00adjel\u00admal\u00adli\u00adses\u00adti k\u00e4yt\u00adt\u00e4en HTML lang-att\u00adri\u00adbuut\u00adtia (esi\u00admer\u00adkik\u00adsi &lt;html lang=\u201cfi-FI\u201d&gt;).<\/li>\n<\/ul>\n<hr>\n<h4>3.1.2 Osien kie\u00adli (Taso A)<\/h4>\n<ul>\n<li>Mi\u00adk\u00e4\u00adli si\u00advul\u00adla on eri kie\u00adlil\u00adl\u00e4 kir\u00adjoi\u00adtet\u00adtua teks\u00adti\u00e4, n\u00e4i\u00adden eri kie\u00adlil\u00adl\u00e4 kir\u00adjoi\u00adtet\u00adtu\u00adjen osuuk\u00adsien kie\u00adli on m\u00e4\u00e4\u00adri\u00adtel\u00adty erik\u00adseen k\u00e4yt\u00adt\u00e4en lang-att\u00adri\u00adbuut\u00adtia (esi\u00admer\u00adkik\u00adsi &lt;blockquo\u00adte lang=\u201cen-US\u201d&gt;).<\/li>\n<\/ul>\n<hr>\n<h4>3.1.3 Ep\u00e4\u00adta\u00adval\u00adli\u00adset sa\u00adnat (Taso AAA)<\/h4>\n<ul>\n<li>Sa\u00adnoi\u00adlle, jot\u00adka saat\u00adta\u00advat olla tul\u00adkin\u00adnan\u00adva\u00adrai\u00adsia, mo\u00adni\u00admer\u00adki\u00adtyk\u00adsel\u00adli\u00adsi\u00e4, vie\u00adrai\u00adta tai joi\u00adta k\u00e4y\u00adte\u00adt\u00e4\u00e4n poik\u00adkeuk\u00adsel\u00adli\u00adsel\u00adla ta\u00adval\u00adla, on ole\u00admas\u00adsa m\u00e4\u00e4\u00adrit\u00adte\u00adly ja se\u00adli\u00adtys.<\/li>\n<\/ul>\n<hr>\n<h4>3.1.4 Ly\u00adhen\u00adteet (Taso AAA)<\/h4>\n<ul>\n<li>Vie\u00adrai\u00adden ly\u00adhen\u00adtei\u00adden mer\u00adki\u00adtys on ker\u00adrot\u00adtu v\u00e4\u00adhin\u00adt\u00e4\u00e4n jol\u00adlain seu\u00adraa\u00advis\u00adta ta\u00advois\u00adta:\n<ul>\n<li>Ly\u00adhen\u00adteen al\u00adku\u00adpe\u00adr\u00e4i\u00adnen muo\u00adto on avat\u00adtu sil\u00adloin, kun sit\u00e4 k\u00e4y\u00adt\u00e4\u00e4n en\u00adsim\u00adm\u00e4i\u00adsen ker\u00adran.<\/li>\n<li>Ly\u00adhen\u00adteen yh\u00adtey\u00addes\u00ads\u00e4 k\u00e4y\u00adte\u00adt\u00e4\u00e4n HTML:ss\u00e4 &lt;abbr&gt;-ele\u00adment\u00adti\u00e4.<\/li>\n<li>Ly\u00adhen\u00adteen koh\u00addal\u00adla on link\u00adki sa\u00adnas\u00adtoon, jos\u00adsa ly\u00adhen\u00adteen mer\u00adki\u00adtys k\u00e4y ilmi.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.1.5 Teks\u00adtin vai\u00adkeus\u00adta\u00adso (Taso AAA)<\/h4>\n<ul>\n<li>Kun teks\u00adti edel\u00adlyt\u00adt\u00e4\u00e4 pe\u00adrus\u00adkou\u00adlun (tai vas\u00adtaa\u00advan noin 9 vuot\u00adta kes\u00adt\u00e4\u00adv\u00e4n kou\u00adlun) vaa\u00adti\u00admuk\u00adset ylit\u00adt\u00e4\u00adv\u00e4\u00e4 lu\u00adku\u00adtai\u00adtoa, tar\u00adjol\u00adla on t\u00e4y\u00adden\u00adt\u00e4\u00adv\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4 tai ver\u00adsio, joka ei vaa\u00addi pe\u00adrus\u00adkou\u00adlun ta\u00adsoa edis\u00adty\u00adneem\u00adp\u00e4\u00e4 lu\u00adku\u00adtai\u00adtoa.<\/li>\n<\/ul>\n<hr>\n<h4>3.1.6 \u00c4\u00e4n\u00adt\u00e4\u00admys (Taso AAA)<\/h4>\n<ul>\n<li>Jos sa\u00adnan \u00e4\u00e4n\u00adt\u00e4\u00admi\u00adnen on olen\u00adnais\u00adta si\u00ads\u00e4l\u00adl\u00f6n ym\u00adm\u00e4r\u00adt\u00e4\u00admi\u00adsen kan\u00adnal\u00adta, ky\u00adsei\u00adsen sa\u00adnan \u00e4\u00e4n\u00adt\u00e4\u00admistapa on ker\u00adrot\u00adtu sa\u00adnan yh\u00adtey\u00addes\u00ads\u00e4 tai tar\u00adjol\u00adla on link\u00adki, jos\u00adta l\u00f6y\u00adtyy tie\u00adto, mi\u00adten ky\u00adsei\u00adnen sana \u00e4\u00e4n\u00adne\u00adt\u00e4\u00e4n.<\/li>\n<\/ul>\n<hr>\n<h3>Ohje 3.2 \u2013 En\u00adna\u00adkoi\u00adta\u00adva<\/h3>\n<p>Tee verk\u00adko\u00adsi\u00advuis\u00adta sel\u00adlai\u00adsia, ett\u00e4 nii\u00adden il\u00admia\u00adsu ja toi\u00admin\u00adta ovat en\u00adna\u00adkoi\u00adta\u00advis\u00adsa.<\/p>\n<hr>\n<h4>3.2.1 Koh\u00addis\u00adta\u00admi\u00adnen (Taso A)<\/h4>\n<ul>\n<li>Kun verk\u00adko\u00adsi\u00advun jo\u00adkin ele\u00adment\u00adti vas\u00adtaa\u00adnot\u00adtaa koh\u00addis\u00adtuk\u00adsen, sen seu\u00adrauk\u00adse\u00adna\n<ul>\n<li>sivu ei mer\u00adkit\u00adt\u00e4\u00adv\u00e4s\u00adti muu\u00adtu<\/li>\n<li>pop\u00ad up -\u00adik\u00adku\u00adna ei avau\u00addu<\/li>\n<li>n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n koh\u00addis\u00adtus ei siir\u00adry loo\u00adgi\u00adses\u00adta pai\u00adkas\u00adtaan<\/li>\n<li>ei ta\u00adpah\u00addu mi\u00adt\u00e4\u00e4n muu\u00adta muu\u00adtos\u00adta, joka voi\u00adsi h\u00e4m\u00admen\u00adt\u00e4\u00e4 tai di\u00adso\u00adrien\u00adtoi\u00adda k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00e4.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.2.2 Sy\u00f6\u00adte (Taso A)<\/h4>\n<ul>\n<li>Kun k\u00e4yt\u00adt\u00e4\u00adj\u00e4 sy\u00f6t\u00adt\u00e4\u00e4 tie\u00adtoa tai muut\u00adtaa jon\u00adkin verk\u00adko\u00adsi\u00advun ele\u00admen\u00adtin ase\u00adtus\u00adta tai ar\u00advoa, t\u00e4\u00adm\u00e4n seu\u00adrauk\u00adse\u00adna\n<ul>\n<li>sivu ei mer\u00adkit\u00adt\u00e4\u00adv\u00e4s\u00adti muu\u00adtu<\/li>\n<li>pop \u00adup -\u00adik\u00adku\u00adna ei avau\u00addu<\/li>\n<li>n\u00e4p\u00adp\u00e4i\u00admis\u00adt\u00f6n koh\u00addis\u00adtus ei siir\u00adry loo\u00adgi\u00adses\u00adta pai\u00adkas\u00adtaan<\/li>\n<li>ei ta\u00adpah\u00addu mi\u00adt\u00e4\u00e4n muu\u00adta muu\u00adtos\u00adta, joka voi\u00adsi h\u00e4m\u00admen\u00adt\u00e4\u00e4 tai di\u00adso\u00adrien\u00adtoi\u00adda k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00e4, el\u00adlei t\u00e4s\u00adt\u00e4 ole ker\u00adrot\u00adtu k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle etu\u00adk\u00e4\u00adteen.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.2.3 Joh\u00addon\u00admu\u00adkai\u00adnen na\u00advi\u00adgoin\u00adti (Taso AA)<\/h4>\n<ul>\n<li>Si\u00advus\u00adtol\u00adla ole\u00advien na\u00advi\u00adgaa\u00adtio\u00adlink\u00adkien j\u00e4r\u00adjes\u00adtys py\u00adsyy sa\u00adma\u00adna eri si\u00advu\u00adn\u00e4\u00adky\u00admien v\u00e4\u00adlil\u00adl\u00e4.<\/li>\n<\/ul>\n<hr>\n<h4>3.2.4 Joh\u00addon\u00admu\u00adkai\u00adnen mer\u00adkit\u00adse\u00admi\u00adnen (Taso AA)<\/h4>\n<ul>\n<li>Sa\u00adman toi\u00admin\u00adnon to\u00adteut\u00adta\u00advat ele\u00admen\u00adtit esi\u00adte\u00adt\u00e4\u00e4n verk\u00adko\u00adpal\u00adve\u00adlun eri si\u00advuil\u00adla yh\u00adden\u00admu\u00adkai\u00adses\u00adti. Esi\u00admer\u00adkik\u00adsi:\n<ul>\n<li>Sa\u00admoi\u00adhin toi\u00admin\u00adtoi\u00adhin liit\u00adty\u00advi\u00e4 graa\u00adfi\u00adsia sym\u00adbo\u00adle\u00adja (esim. tu\u00adlos\u00adti\u00admen sym\u00adbo\u00adlia ja eri do\u00adku\u00adment\u00adti\u00adtyyp\u00adpien tun\u00adnis\u00adte\u00adsym\u00adbo\u00adleja) k\u00e4y\u00adte\u00adt\u00e4\u00e4n yh\u00adden\u00admu\u00adkai\u00adses\u00adti.<\/li>\n<li>Ele\u00admen\u00adtit on ni\u00admet\u00adty yh\u00adden\u00admu\u00adkai\u00adses\u00adti (esim. ha\u00adku\u00adtoi\u00admin\u00adnos\u00adsa \u201dHae\u201d tai \u201dEtsi\u201d, ei sa\u00admas\u00adsa verk\u00adko\u00adpal\u00adve\u00adlus\u00adsa mo\u00adlem\u00adpia).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.2.5 Muu\u00adtos pyy\u00addet\u00adt\u00e4es\u00ads\u00e4 (Taso AAA)<\/h4>\n<ul>\n<li>Kon\u00adteks\u00adtin muu\u00adtok\u00adset k\u00e4yn\u00adnis\u00adty\u00adv\u00e4t ai\u00adnoas\u00adtaan k\u00e4yt\u00adt\u00e4\u00adj\u00e4n pyyn\u00adn\u00f6s\u00adt\u00e4 tai tar\u00adjol\u00adla on me\u00adka\u00adnis\u00admi t\u00e4\u00adm\u00e4n tyyp\u00adpis\u00adten muu\u00adtok\u00adsien pois\u00adkyt\u00adke\u00admi\u00adsek\u00adsi.<\/li>\n<\/ul>\n<hr>\n<p><strong>3.2.6 Johdonmukainen apu ja ohjeet (Taso A)<\/strong><\/p>\n<ul>\n<li>Jos verkkosivu sis\u00e4lt\u00e4\u00e4 jotakin seuraavista avun mekanismeista ja mekanismit toistuvat useilla eri sivun\u00e4kymill\u00e4, niiden tulee esiinty\u00e4 samassa suhteellisessa j\u00e4rjestyksess\u00e4 muihin sivun sis\u00e4lt\u00f6ihin n\u00e4hden:\n<ul>\n<li>ihmisen yhteystiedot<\/li>\n<li>ihmisen kontaktointimekanismi<\/li>\n<li>itsepalveluvaihtoehto<\/li>\n<li>t\u00e4ysin automatisoitu kontaktointimekanismi.<\/li>\n<\/ul>\n<\/li>\n<li><span class=\"x_s2\">Huomautus: Apumekanismeja voidaan tarjota suoraan sivulla tai ne voidaan tarjota suoran linkin kautta toiselle sivulle, jossa tieto sijaitsee.<\/span><\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Mit\u00e4 tehd\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Sijoita apu ja ohjeet aina samaan paikkaan, jotta k\u00e4ytt\u00e4j\u00e4 l\u00f6yt\u00e4v\u00e4t ne helposti.<\/span><\/div>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Apua ja ohjeita tarvitsevat henkil\u00f6t l\u00f6yt\u00e4v\u00e4t ne helpommin, jos ne l\u00f6ytyv\u00e4t aina samasta paikasta.<\/span><\/div>\n<hr>\n<h3>Ohje 3.3 \u2013 Sy\u00f6t\u00adteen avus\u00adta\u00admi\u00adnen<\/h3>\n<p>Auta k\u00e4yt\u00adt\u00e4\u00adji\u00e4 v\u00e4lt\u00adt\u00e4\u00adm\u00e4\u00e4n ja kor\u00adjaa\u00admaan vir\u00adhei\u00adt\u00e4.<\/p>\n<hr>\n<h4>3.3.1 Vir\u00adheen tun\u00adnis\u00adta\u00admi\u00adnen (Taso A)<\/h4>\n<ul>\n<li>Lo\u00admak\u00adkei\u00adden sy\u00f6\u00adte\u00advir\u00adhei\u00adden ku\u00advaus esi\u00adte\u00adt\u00e4\u00e4n in\u00adtui\u00adtii\u00advi\u00adsel\u00adla ja saa\u00advu\u00adtet\u00adta\u00adval\u00adla ta\u00adval\u00adla.<\/li>\n<li>Vir\u00adheel\u00adli\u00adses\u00adti t\u00e4y\u00adte\u00adtyt lo\u00adma\u00adke\u00adken\u00adt\u00e4t ovat tun\u00adnis\u00adtet\u00adta\u00advis\u00adsa.<\/li>\n<\/ul>\n<hr>\n<h4>3.3.2 Ni\u00admi\u00adla\u00adput tai oh\u00adjeet (Taso A)<\/h4>\n<ul>\n<li>Lo\u00admak\u00adkei\u00adden t\u00e4yt\u00adt\u00e4\u00admis\u00adt\u00e4 var\u00adten ja toi\u00admin\u00adnal\u00adlis\u00adten ele\u00adment\u00adtien k\u00e4yt\u00adt\u00e4\u00admi\u00adseen on an\u00adnet\u00adtu ku\u00advaa\u00advat ni\u00admi\u00adla\u00adput (la\u00adbel), vih\u00adjei\u00adt\u00e4 ja riit\u00adt\u00e4\u00adv\u00e4t oh\u00adjeet.<\/li>\n<\/ul>\n<hr>\n<h4>3.3.3 Vir\u00adheen kor\u00adjauseh\u00addo\u00adtus (Taso AA)<\/h4>\n<ul>\n<li>Lo\u00admak\u00adkeis\u00adsa ha\u00advait\u00adtu\u00adjen sy\u00f6\u00adte\u00advir\u00adhei\u00adden kor\u00adjauseh\u00addo\u00adtuk\u00adset esi\u00adte\u00adt\u00e4\u00e4n k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle (mi\u00adk\u00e4\u00adli ne tun\u00adne\u00adtaan). T\u00e4m\u00e4 kri\u00adtee\u00adri laa\u00adjen\u00adtaa kri\u00adtee\u00adri\u00e4 3.3.1 esi\u00admer\u00adkik\u00adsi\n<ul>\n<li>eh\u00addot\u00adta\u00admal\u00adla vaih\u00adtoeh\u00adto\u00adja kor\u00adjat\u00adta\u00advaan kent\u00adt\u00e4\u00e4n<\/li>\n<li>tar\u00adjoa\u00admal\u00adla lis\u00adtauk\u00adsen kai\u00adkis\u00adta hy\u00adv\u00e4k\u00adsyt\u00adt\u00e4\u00advis\u00adt\u00e4 vaih\u00adtoeh\u00addois\u00adta.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.3.4 Vir\u00adhei\u00adden en\u00adnal\u00adtaeh\u00adk\u00e4i\u00adsy (oi\u00adkeu\u00addel\u00adli\u00adnen, ta\u00adlou\u00addel\u00adli\u00adnen, data) (Taso AA)<\/h4>\n<ul>\n<li>Jos verk\u00adko\u00adsi\u00advul\u00adla voi muo\u00adka\u00adta tai pois\u00adtaa la\u00adkiin pe\u00adrus\u00adtu\u00advaa tie\u00adtoa, ta\u00adlou\u00adteen liit\u00adty\u00adv\u00e4\u00e4 tie\u00adtoa tai l\u00e4\u00adhet\u00adt\u00e4\u00e4 koe\u00advas\u00adtauk\u00adsia, ai\u00adna\u00adkin yksi seu\u00adraa\u00advis\u00adta p\u00e4\u00adtee:\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi pe\u00adruut\u00adtaa l\u00e4\u00adhe\u00adtyk\u00adsen.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4n sy\u00f6t\u00adt\u00e4\u00adm\u00e4 data tar\u00adkas\u00adte\u00adtaan sy\u00f6\u00adte\u00advir\u00adhei\u00adden va\u00adral\u00adta ja k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle an\u00adne\u00adtaan mah\u00addol\u00adli\u00adsuus vir\u00adhei\u00adden kor\u00adjaa\u00admi\u00adseen.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle an\u00adne\u00adtaan mah\u00addol\u00adli\u00adsuus tar\u00adkis\u00adtaa, vah\u00advis\u00adtaa ja kor\u00adja\u00adta l\u00e4\u00adhe\u00adtet\u00adt\u00e4\u00adv\u00e4 in\u00adfor\u00admaa\u00adtio.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>3.3.5 Oh\u00adjeet (Taso AAA)<\/h4>\n<ul>\n<li>Saa\u00adta\u00advil\u00adla on kon\u00adteks\u00adti\u00adsen\u00adsi\u00adtii\u00advi\u00adsi\u00e4 oh\u00adjei\u00adta.<\/li>\n<\/ul>\n<hr>\n<h4>3.3.6. Vir\u00adhei\u00adden en\u00adnal\u00adtaeh\u00adk\u00e4i\u00adsy (kaik\u00adki) (Taso AAA)<\/h4>\n<ul>\n<li>Jos k\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi l\u00e4\u00adhet\u00adt\u00e4\u00e4 in\u00adfor\u00admaa\u00adtio\u00adta, ai\u00adna\u00adkin yksi seu\u00adraa\u00advis\u00adta p\u00e4\u00adtee:\n<ul>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi pe\u00adruut\u00adtaa l\u00e4\u00adhe\u00adtyk\u00adsen.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4n sy\u00f6t\u00adt\u00e4\u00adm\u00e4 data tar\u00adkas\u00adte\u00adtaan sy\u00f6\u00adte\u00advir\u00adhei\u00adden va\u00adral\u00adta ja k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle an\u00adne\u00adtaan mah\u00addol\u00adli\u00adsuus vir\u00adhei\u00adden kor\u00adjaa\u00admi\u00adseen.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle an\u00adne\u00adtaan mah\u00addol\u00adli\u00adsuus tar\u00adkis\u00adtaa, vah\u00advis\u00adtaa ja kor\u00adja\u00adta l\u00e4\u00adhe\u00adtet\u00adt\u00e4\u00adv\u00e4 in\u00adfor\u00admaa\u00adtio.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<p><strong>3.3.7 Tarpeeton toistaminen (Taso A)<\/strong><\/p>\n<ul>\n<li>Tiedot, jotka k\u00e4ytt\u00e4j\u00e4 on aiemmin sy\u00f6tt\u00e4nyt tai jotka on annettu k\u00e4ytt\u00e4j\u00e4lle, ja jotka on sy\u00f6tett\u00e4v\u00e4 uudelleen samassa prosessissa, ovat joko:\n<ul>\n<li>automaattisesti t\u00e4ytettyj\u00e4<\/li>\n<li>saatavilla k\u00e4ytt\u00e4j\u00e4n valittavaksi.<\/li>\n<\/ul>\n<\/li>\n<li>Paitsi kun:\n<ul>\n<li>tiedon uudelleensy\u00f6tt\u00e4minen on v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4<\/li>\n<li>tiedot ovat tarpeen sis\u00e4ll\u00f6n turvallisuuden varmistamiseksi<\/li>\n<li>aiemmin sy\u00f6tetyt tiedot eiv\u00e4t ole en\u00e4\u00e4 voimassa.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Mit\u00e4 tehd\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">\u00c4l\u00e4 vaadi k\u00e4ytt\u00e4j\u00e4\u00e4 t\u00e4ytt\u00e4m\u00e4\u00e4n samaa tietoa kahdesti saman istunnon aikana.<\/span><\/div>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Jotkut henkil\u00f6t, joilla on kognitiivisia rajoitteita, voivat kohdata vaikeuksia muistaa, mit\u00e4 he ovat aiemmin sy\u00f6tt\u00e4neet.<\/span><\/div>\n<hr>\n<p><strong>3.3.8 Saavutettava todentaminen (Taso AA)<\/strong><\/p>\n<ul>\n<li>Kognitiivisen toiminnon testi (kuten salasanan muistaminen tai pulman ratkaiseminen) ei ole vaadittu mink\u00e4\u00e4n autentikaatioprosessin vaiheessa, ellei kyseinen vaihe tarjoa ainakin yht\u00e4 seuraavista:\n<ul>\n<li>Vaihtoehtoinen tapa: Toinen autentikaatiomenetelm\u00e4, joka ei perustu kognitiivisen toiminnon testiin.<\/li>\n<li>Avustava mekanismi: K\u00e4ytt\u00e4j\u00e4\u00e4 avustava mekanismi kognitiivisen toiminnon testin suorittamisessa.<\/li>\n<li>Esineiden tunnistus: Kognitiivisen toiminnon testi on esineiden tunnistamista. Esimerkiksi testi, jossa pyydet\u00e4\u00e4n k\u00e4ytt\u00e4j\u00e4\u00e4 valitsemaan kuvien joukosta kaikki kuvat, joissa n\u00e4kyy liikennemerkki, on sallittu. T\u00e4llaisessa tapauksessa t\u00e4ytyy kuitenkin sis\u00e4llytt\u00e4\u00e4 vaihtoehtoinen tapa (esimerkiksi \u00e4\u00e4nen tunnistaminen) ihmisille, jotka eiv\u00e4t voi n\u00e4hd\u00e4 kuvia.<\/li>\n<\/ul>\n<\/li>\n<li>Huomautus: Esimerkkej\u00e4 kriteerin t\u00e4ytt\u00e4vist\u00e4 mekanismeista ovat:\n<ul>\n<li>salasanojen sy\u00f6tt\u00e4misen tuki salasananhallintaohjelmilla, mik\u00e4 v\u00e4hent\u00e4\u00e4 muistin tarvetta<\/li>\n<li>kopioi ja liit\u00e4 -toiminto, mik\u00e4 v\u00e4hent\u00e4\u00e4 kognitiivista kuormitusta uudelleenkirjoittamisen osalta.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span class=\"x_s2\"><strong>Mit\u00e4 tehd\u00e4:<\/strong><br>\n<\/span><span class=\"x_s2\">\u00c4l\u00e4 vaadi ihmisi\u00e4 ratkaisemaan pulmia tai muistamaan<span class=\"x_Apple-converted-space\">\u00a0\u00a0<\/span>jotakin kirjautuakseen sis\u00e4\u00e4n.<br>\n<\/span><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<br>\n<\/span><\/strong><span class=\"x_s2\">Joillakin henkil\u00f6ill\u00e4, joilla on kognitiivisia rajoitteita, ei ole mahdollista ratkaista pulmia, muistaa k\u00e4ytt\u00e4j\u00e4tunnusta ja salasanaa tai kirjoittaa uudelleen kertak\u00e4ytt\u00f6isi\u00e4 tunnuskoodeja.<\/span><\/p>\n<hr>\n<p><strong>3.3.9 Saavutettava todentaminen (parannettu) (Taso AAA)<\/strong><\/p>\n<ul>\n<li>Kognitiivista toimintaa vaativa testi (kuten salasanan muistaminen tai pulman ratkaiseminen) ei ole vaadittu miss\u00e4\u00e4n tunnistautumisprosessin vaiheessa, ellei siin\u00e4 tarjota v\u00e4hint\u00e4\u00e4n yht\u00e4 seuraavista:\n<ul>\n<li>Vaihtoehtoinen tapa: toinen tunnistautumismenetelm\u00e4, joka ei perustu kognitiivisen toiminnan testiin.<\/li>\n<li>Avustava mekanismi: k\u00e4ytt\u00e4j\u00e4\u00e4 avustava mekanismi kognitiivisen toimintatestin suorittamisessa.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<div><strong><span class=\"x_s2\">Mit\u00e4 tehd\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">\u00c4l\u00e4 vaadi ihmisi\u00e4 tunnistamaan esineit\u00e4 tai k\u00e4ytt\u00e4j\u00e4n toimittamia kuvia ja mediaa kirjautuakseen sis\u00e4\u00e4n.<\/span><\/div>\n<div><strong><span class=\"x_s2\">Miksi se on t\u00e4rke\u00e4\u00e4:<\/span><\/strong><\/div>\n<div><span class=\"x_s2\">Jotkut henkil\u00f6t, joilla on kognitiivisia rajoitteita, eiv\u00e4t pysty suorittamaan pulmia, mukaan lukien esineiden ja aiemmin toimittamiensa ei-tekstimuotoisten tietojen tunnistamista.<\/span><\/div>\n<hr>\n<h2>4. Lu\u00adja\u00adte\u00adkoi\u00adnen \/ Toi\u00admin\u00adta\u00advar\u00adma<\/h2>\n<h3>Ohje 4.1 \u2013 Yh\u00adteen\u00adso\u00adpi\u00adva<\/h3>\n<p>Mak\u00adsi\u00admoi yh\u00adteen\u00adso\u00adpi\u00advuus ny\u00adkyis\u00adten ja tu\u00adle\u00advien asia\u00adkas\u00adoh\u00adjel\u00admien kans\u00adsa mu\u00adkaan lu\u00adkien avus\u00adta\u00advat tek\u00adno\u00adlo\u00adgiat.<\/p>\n<hr>\n<h4>4.1.1 J\u00e4\u00adsen\u00adt\u00e4\u00admi\u00adnen (vanhentunut ja poistettu) (Taso A)<\/h4>\n<ul>\n<li>HTML\/\u200b\u200b\u200bXHTML ei si\u00ads\u00e4l\u00adl\u00e4 mer\u00adkit\u00adt\u00e4\u00advi\u00e4 vir\u00adhei\u00adt\u00e4 \u2013 <a href=\"http:\/\/%E2%80%8B%E2%80%8B%E2%80%8Bva%C2%ADli%C2%ADda%C2%ADtor.w3.org\/\">http:\/\/\u200b\u200b\u200bva\u00adli\u00adda\u00adtor.w3.org\/ <\/a>\n<\/li>\n<li>Verk\u00adko\u00adpal\u00adve\u00adlun si\u00ads\u00e4l\u00adt\u00e4\u00adm\u00e4 HTML\u00ad on sel\u00adlais\u00adta, ett\u00e4 k\u00e4y\u00adtet\u00adt\u00e4\u00adv\u00e4t p\u00e4\u00e4\u00adte\u00adlait\u00adteet, se\u00adlai\u00admet ja avus\u00adta\u00advat tek\u00adno\u00adlo\u00adgiat pys\u00adty\u00adv\u00e4t esit\u00adt\u00e4\u00adm\u00e4\u00e4n (j\u00e4\u00adsen\u00adt\u00e4\u00adm\u00e4\u00e4n) sen oi\u00adkein.<\/li>\n<\/ul>\n<hr>\n<h4>4.1.2 Nimi, roo\u00adli, arvo (Taso A)<\/h4>\n<ul>\n<li>K\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adtit to\u00adteu\u00adtet\u00adtu niin, ett\u00e4 nii\u00adt\u00e4 voi\u00addaan k\u00e4yt\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti. Kri\u00adtee\u00adri t\u00e4yt\u00adtyy au\u00adto\u00admaat\u00adti\u00adses\u00adti jos k\u00e4y\u00adte\u00adt\u00e4\u00e4n HTML-\/\u200b\u200b\u200bXHTML-\u00adm\u00e4\u00e4\u00adri\u00adtyk\u00adsen mu\u00adkais\u00adta koo\u00addia. Var\u00admis\u00adte\u00adtaan, ett\u00e4 eri k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adtit an\u00adta\u00advat riit\u00adt\u00e4\u00adv\u00e4s\u00adti tie\u00adtoa it\u00adses\u00adt\u00e4\u00e4n avus\u00adta\u00advil\u00adle tek\u00adno\u00adlo\u00adgioil\u00adle ja ett\u00e4 nii\u00adt\u00e4 voi\u00addaan k\u00e4yt\u00adt\u00e4\u00e4 eri oh\u00adjain\u00adlait\u00adteil\u00adla.<\/li>\n<li>K\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien nimi ja roo\u00adli voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti.<\/li>\n<li>K\u00e4yt\u00adt\u00e4\u00adj\u00e4n aset\u00adta\u00admat ti\u00adlat, omi\u00adnai\u00adsuu\u00addet ja ar\u00advot voi\u00addaan aset\u00adtaa oh\u00adjel\u00admal\u00adli\u00adses\u00adti.<\/li>\n<li>Upo\u00adte\u00adtuil\u00adla mul\u00adti\u00adme\u00addia\u00adsi\u00ads\u00e4l\u00adl\u00f6il\u00adl\u00e4 on saa\u00advu\u00adtet\u00adta\u00advat ot\u00adsi\u00adkot\/\u200b\u200b\u200bni\u00admet.\n<ul>\n<li>Fra\u00adme- ja ifra\u00adme-koh\u00adteil\u00adla on ku\u00advaa\u00advat ni\u00admet (tit\u00adle). N\u00e4i\u00adden koh\u00addal\u00adla on hyv\u00e4 tit\u00adle-att\u00adri\u00adbuu\u00adtin avul\u00adla ker\u00adtoa me\u00addian tyyp\u00adpi (esi\u00admer\u00adkik\u00adsi vi\u00addeo) sek\u00e4 sen ot\u00adsik\u00adko \u2013 esi\u00admer\u00adkik\u00adsi \u201dVi\u00addeo \u2013 Joh\u00adda\u00adtus saa\u00advu\u00adtet\u00adta\u00advuu\u00adteen\u201d<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<h4>4.1.3 Ti\u00adlas\u00adta ker\u00adto\u00advat vies\u00adtit (Taso AA)<\/h4>\n<ul>\n<li>Jos k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle esi\u00adte\u00adt\u00e4\u00e4n t\u00e4r\u00adke\u00e4 il\u00admoi\u00adtus\u00advies\u00adti eik\u00e4 koh\u00addis\u00adtus siir\u00adry au\u00adto\u00admaat\u00adti\u00adses\u00adti ky\u00adsei\u00adsen vies\u00adtin koh\u00addal\u00adle, vies\u00adti tu\u00adlee to\u00adteut\u00adtaa si\u00adten, ett\u00e4 se lue\u00adtaan \u00e4\u00e4\u00adneen ruu\u00addun\u00adlu\u00adkuoh\u00adjel\u00admal\u00adla.<\/li>\n<li>T\u00e4\u00adh\u00e4n k\u00e4y\u00adte\u00adt\u00e4\u00e4n tyy\u00adpil\u00adli\u00adses\u00adti ARIA-roo\u00adlia alert- tai aria-live-att\u00adri\u00adbuut\u00adtia.<\/li>\n<li>T\u00e4l\u00adlai\u00adsia vies\u00adte\u00adj\u00e4 voi tul\u00adla esi\u00admer\u00adkik\u00adsi\n<ul>\n<li>lo\u00admak\u00adkei\u00adden vir\u00adheil\u00admoi\u00adtuk\u00adsis\u00adsa (vir\u00adheil\u00admoi\u00adtuk\u00adset lue\u00adtaan k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle au\u00adto\u00admaat\u00adti\u00adses\u00adti)<\/li>\n<li>kun k\u00e4yt\u00adt\u00e4\u00adj\u00e4 vas\u00adtaa\u00adnot\u00adtaa vies\u00adtin cha\u00adtis\u00adsa (n\u00e4y\u00adt\u00f6l\u00adle il\u00admes\u00adty\u00adv\u00e4 vies\u00adti lue\u00adtaan k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle au\u00adto\u00admaat\u00adti\u00adses\u00adti)<\/li>\n<li>kun k\u00e4yt\u00adt\u00e4\u00adj\u00e4 li\u00ads\u00e4\u00e4 verk\u00adko\u00adkau\u00adpas\u00adsa uu\u00adden tuot\u00adteen os\u00adtos\u00adko\u00adriin<\/li>\n<li>jos k\u00e4yt\u00adt\u00e4\u00adj\u00e4n is\u00adtun\u00adto on p\u00e4\u00e4t\u00adty\u00adm\u00e4s\u00ads\u00e4 ja h\u00e4n\u00adt\u00e4 ol\u00adlaan kir\u00adjaa\u00admas\u00adsa ulos pal\u00adve\u00adlus\u00adta.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<p>\u00a0<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>WCAG 2.2 on WCAG-ohjeistuksen uusin versio, joka julkaistiin 5.10.2023. Laki digitaalisten palveluiden tarjoamisesta perustuu kuitenkin toistaiseksi WCAG-ohjeistuksen versioon 2.1 ja sen tasoon AA. Viel\u00e4 ei ole tiedossa, milloin uudet WCAG 2.2 -kriteerit tulevat osaksi lains\u00e4\u00e4d\u00e4nt\u00f6\u00e4mme. T\u00e4ll\u00e4 [&hellip;]<span class=\"moretag\">Lue lis\u00e4\u00e4&#8230;<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":124,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-132","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/132","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=132"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/124"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}