{"id":187,"date":"2022-11-17T11:00:25","date_gmt":"2022-11-17T09:00:25","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=187"},"modified":"2023-01-18T11:51:51","modified_gmt":"2023-01-18T09:51:51","slug":"1-1-1-ei-tekstimuotoinen-sisalto","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/wcag-2-2-saavutettavuusohjeet\/1-1-1-ei-tekstimuotoinen-sisalto\/","title":{"rendered":"1.1.1 Ei-tekstimuotoinen sis\u00e4lt\u00f6"},"content":{"rendered":"\n<h2>Kri\u00adtee\u00adri<\/h2>\n<p>Tar\u00adjoa teks\u00adti\u00advas\u00adti\u00adneet kai\u00adkel\u00adle ei-teks\u00adti\u00admuo\u00adtoi\u00adsel\u00adle si\u00ads\u00e4l\u00adl\u00f6l\u00adle si\u00adten, ett\u00e4 si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan muut\u00adtaa mui\u00adhin tar\u00advit\u00adta\u00adviin muo\u00adtoi\u00adhin, ku\u00adten iso\u00adko\u00adkoi\u00adsek\u00adsi teks\u00adtik\u00adsi, pis\u00adte\u00adkir\u00adjoi\u00adtuk\u00adsek\u00adsi, pu\u00adheek\u00adsi, sym\u00adbo\u00adlik\u00adsi tai yk\u00adsin\u00adker\u00adtai\u00adsem\u00admak\u00adsi kie\u00adlek\u00adsi.<\/p>\n<p><a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-fi\/#text-equiv-all\">Lue li\u00ads\u00e4\u00e4 W3:n si\u00advuil\u00adta.<\/a><\/p>\n<h2>Ku\u00advaus<\/h2>\n<p>Onko k\u00e4yt\u00adt\u00e4\u00adj\u00e4n kan\u00adnal\u00adta olen\u00adnais\u00adta in\u00adfor\u00admaa\u00adtio\u00adta si\u00ads\u00e4l\u00adt\u00e4\u00advil\u00adle ku\u00advil\u00adle an\u00adnet\u00adtu ku\u00advaa\u00adva ja riit\u00adt\u00e4\u00adv\u00e4n in\u00adfor\u00admaa\u00adtion si\u00ads\u00e4l\u00adt\u00e4\u00adv\u00e4 teks\u00adti\u00advas\u00adti\u00adne? Yleen\u00ads\u00e4 teks\u00adti\u00advas\u00adti\u00adne an\u00adne\u00adtaan ku\u00adval\u00adle alt-\u00adatt\u00adri\u00adbuu\u00adtin avul\u00adla. Teks\u00adti\u00advas\u00adti\u00adneen in\u00adfor\u00admaa\u00adtio\u00adsi\u00ads\u00e4l\u00adl\u00f6n riit\u00adt\u00e4\u00advyy\u00adden ar\u00advioi\u00admi\u00adnen saat\u00adtaa jos\u00adkus tun\u00adtua on\u00adgel\u00admal\u00adli\u00adsel\u00adta.<\/p>\n<p>Lin\u00adki\u00adte\u00adtyil\u00adl\u00e4 ku\u00advil\u00adla ja lo\u00admak\u00adkei\u00adden ku\u00adva\u00adpai\u00adnik\u00adkeil\u00adla on ku\u00advaa\u00adva teks\u00adti\u00advas\u00adti\u00adne tai \u00adarvo. Mi\u00adk\u00e4\u00adli kuva on lin\u00adkin si\u00ads\u00e4l\u00adl\u00e4, on ku\u00advan alt\u00ad-att\u00adri\u00adbuu\u00adtin ku\u00advat\u00adta\u00adva lin\u00adkin koh\u00addet\u00adta. Kai\u00adkil\u00adla kont\u00adrol\u00adlie\u00adle\u00admen\u00adteil\u00adl\u00e4 (esim. lo\u00admak\u00adkei\u00adden pai\u00adnik\u00adkeil\u00adla) on ol\u00adta\u00adva ku\u00advaa\u00adva teks\u00adti\u00advas\u00adti\u00adne.<\/p>\n<p>Onko k\u00e4yt\u00adt\u00e4\u00adj\u00e4n kan\u00adnal\u00adta ep\u00e4\u00adolen\u00adnai\u00adsil\u00adle ku\u00advil\u00adle an\u00adnet\u00adtu m\u00e4\u00e4\u00adre alt=\u201d\u201d tai to\u00adteu\u00adtet\u00adtu ne CSS-\u00adtaus\u00adta\u00adku\u00adva\u00adna? Tyh\u00adj\u00e4 alt\u00ad-m\u00e4\u00e4\u00adre on an\u00adnet\u00adta\u00adva esi\u00admer\u00adkik\u00adsi mi\u00adk\u00e4\u00adli<\/p>\n<ul>\n<li>ku\u00advalla ei ole k\u00e4yt\u00adt\u00e4\u00adj\u00e4n kan\u00adnal\u00adta j\u00e4r\u00adke\u00adv\u00e4\u00e4 si\u00ads\u00e4l\u00adt\u00f6\u00e4<\/li>\n<li>kuva on pelk\u00adk\u00e4 ko\u00adris\u00adte<\/li>\n<li>ku\u00advan si\u00ads\u00e4l\u00adt\u00f6 on ker\u00adrot\u00adtu teks\u00adti\u00admuo\u00addos\u00adsa muu\u00adal\u00adla.<\/li>\n<\/ul>\n<p>Huo\u00admioi\u00adta\u00advaa: ku\u00advis\u00adsa on aina ol\u00adta\u00adva alt\u00ad-m\u00e4\u00e4\u00adre joko tyh\u00adj\u00e4\u00adn\u00e4 tai niin, ett\u00e4 siin\u00e4 on teks\u00adti\u00adsi\u00ads\u00e4l\u00adt\u00f6.<\/p>\n<p>Onko CAPTC\u00adHA tai muu\u00adta vas\u00adtaa\u00advat rat\u00adkai\u00adsut to\u00adteu\u00adtet\u00adtu saa\u00advu\u00adtet\u00adta\u00advas\u00adti? K\u00e4yt\u00adt\u00e4\u00adjil\u00adle on tar\u00adjol\u00adla au\u00addio\u00advas\u00adti\u00adne ja\/\u200btai toi\u00admin\u00adto on muu\u00adten to\u00adteu\u00adtet\u00adtu niin, ett\u00e4 se on eri k\u00e4yt\u00adt\u00e4\u00adj\u00e4\u00adryh\u00admien saa\u00advu\u00adtet\u00adta\u00advis\u00adsa. CAPTC\u00adHA tar\u00adkoit\u00adtaa ku\u00advaa tai muu\u00adta ele\u00adment\u00adti\u00e4, jon\u00adka avul\u00adla tes\u00adta\u00adtaan onko k\u00e4yt\u00adt\u00e4\u00adj\u00e4 ih\u00admi\u00adnen.<\/p>\n<p>Onko lo\u00admak\u00adkei\u00adden ken\u00adtil\u00adl\u00e4 ku\u00advaa\u00advat ni\u00admi\u00adla\u00adput (la\u00adbel)? Jos la\u00adbel\u00ad-ele\u00adment\u00adti\u00e4 ei voi\u00adda k\u00e4yt\u00adt\u00e4\u00e4, k\u00e4y\u00adte\u00adt\u00e4\u00e4n tit\u00adle-\u00adatt\u00adri\u00adbuut\u00adtia.<\/p>\n<p>Onko kai\u00adkel\u00adle muul\u00adle ei-\u00adteks\u00adti\u00admuo\u00adtoi\u00adsel\u00adle si\u00ads\u00e4l\u00adl\u00f6l\u00adle an\u00adnet\u00adtu teks\u00adti\u00advas\u00adti\u00adne? Esi\u00admer\u00adkik\u00adsi:<\/p>\n<ul>\n<li>Ai\u00adka\u00adsi\u00addon\u00adnai\u00adsel\u00adle me\u00addial\u00adle on an\u00adnet\u00adtu v\u00e4\u00adhin\u00adt\u00e4\u00e4n ku\u00advai\u00adle\u00adva tun\u00adnis\u00adte\u00adtie\u00adto eli se\u00adli\u00adte (li\u00ads\u00e4\u00advaa\u00adti\u00admuk\u00adset kri\u00adtee\u00adris\u00ads\u00e4 1.2).<\/li>\n<li>Tes\u00adteil\u00adle tai har\u00adjoi\u00adtuk\u00adsil\u00adle on an\u00adnet\u00adtu v\u00e4\u00adhin\u00adt\u00e4\u00e4n ku\u00advai\u00adle\u00adva tun\u00adnis\u00adte\u00adtie\u00adto, mi\u00adk\u00e4\u00adli n\u00e4i\u00adden esit\u00adt\u00e4\u00admi\u00adnen teks\u00adti\u00adn\u00e4 v\u00e4\u00e4\u00adris\u00adt\u00e4\u00e4 si\u00ads\u00e4l\u00adl\u00f6n mer\u00adki\u00adtyk\u00adsen.<\/li>\n<li>Jos ei-\u00adteks\u00adti\u00admuo\u00adtoi\u00adnen si\u00ads\u00e4l\u00adt\u00f6 on en\u00adsi\u00adsi\u00adjai\u00adses\u00adti tar\u00adkoi\u00adtet\u00adtu ai\u00adkaan\u00adsaa\u00admaan tiet\u00adty ais\u00adtin\u00adva\u00adrai\u00adnen ko\u00adke\u00admus, niin teks\u00adti\u00advas\u00adti\u00adneet tar\u00adjoa\u00advat v\u00e4\u00adhin\u00adt\u00e4\u00e4n ku\u00advai\u00adle\u00advan tun\u00adnis\u00adte\u00adtie\u00addon ei-\u00adteks\u00adti\u00admuo\u00adtoi\u00adses\u00adta si\u00ads\u00e4l\u00adl\u00f6s\u00adt\u00e4.<\/li>\n<\/ul>\n<h2>Mi\u00adten tar\u00adkis\u00adte\u00adtaan<\/h2>\n<p>Tar\u00adkis\u00adta HTML-\u00adkoo\u00addis\u00adta ku\u00advan teks\u00adti\u00advas\u00adti\u00adne. Mi\u00adk\u00e4\u00adli luet teks\u00adti\u00advas\u00adti\u00adneen hen\u00adki\u00adl\u00f6l\u00adle, joka ei pys\u00adty n\u00e4\u00adke\u00adm\u00e4\u00e4n ku\u00advaa, tu\u00adlee ku\u00advan si\u00ads\u00e4l\u00adt\u00f6 ja tar\u00adkoi\u00adtus h\u00e4\u00adnel\u00adle ym\u00adm\u00e4r\u00adre\u00adtyk\u00adsi.<\/p>\n<p>Tar\u00adkis\u00adta lin\u00adki\u00adtet\u00adty\u00adjen ku\u00advien teks\u00adti\u00advas\u00adti\u00adne tai \u00adarvo si\u00advun HTML-\u00adkoo\u00addis\u00adta. Teks\u00adti\u00advas\u00adti\u00adneen tai \u00adarvon tu\u00adlee ku\u00adva\u00adta lin\u00adkin koh\u00addet\u00adta.<\/p>\n<p>Tar\u00adkis\u00adta si\u00advun HTML-\u00adkoo\u00addis\u00adta onko k\u00e4yt\u00adt\u00e4\u00adj\u00e4n kan\u00adnal\u00adta ep\u00e4\u00adolen\u00adnai\u00adsil\u00adla ku\u00advil\u00adla alt-\u00adatt\u00adri\u00adbuu\u00adtin arvo tyh\u00adj\u00e4 tai onko ne to\u00adteu\u00adtet\u00adtu CSS-taus\u00adta\u00adku\u00adva\u00adna.<\/p>\n<p>Yleen\u00ads\u00e4 tes\u00adti\u00adn\u00e4 on ku\u00adva\u00adna esi\u00adtet\u00adty teks\u00adti, joka k\u00e4yt\u00adt\u00e4\u00adj\u00e4n on tois\u00adtet\u00adta\u00adva teks\u00adti\u00adkent\u00adt\u00e4\u00e4n. Yleen\u00ads\u00e4 CAPTC\u00adHA tai muu vas\u00adtaa\u00adva rat\u00adkai\u00adsu l\u00f6y\u00adtyy lo\u00admak\u00adkei\u00adden yh\u00adtey\u00addes\u00adt\u00e4.<\/p>\n<p>Tar\u00adkis\u00adta si\u00advun HTML\u00ad-koo\u00addis\u00adta onko in\u00adput\u00ad-ele\u00admen\u00adteil\u00adl\u00e4 ku\u00advaa\u00advat la\u00adbe\u00adlit. Tar\u00adkis\u00adta my\u00f6s, ett\u00e4 la\u00adbe\u00adlit toi\u00admi\u00advat oi\u00adkein (la\u00adbe\u00adlin for\u00ad-att\u00adri\u00adbuu\u00adtin arvo on yh\u00addis\u00adtet\u00adty in\u00adput\u00ad-ele\u00admen\u00adtin id-\u00adatt\u00adri\u00adbuut\u00adtiin). Lo\u00admak\u00adkei\u00adden ken\u00adt\u00e4t tu\u00adli\u00adsi tes\u00adta\u00adta my\u00f6s ruu\u00addun\u00adlu\u00adkuoh\u00adjel\u00admal\u00adla (lu\u00adkee\u00adko kent\u00adtien ni\u00admet oi\u00adkein).<\/p>\n<p>Esimerkki oi\u00adkean\u00adlai\u00adsesta to\u00adteu\u00adtus\u00adta\u00advasta:<br>\n&lt;label for=\u201dnimi\u201d&gt;Nimi:&lt;\/label&gt; &lt;input type=\u201dtext\u201d name=\u201dnimi\u201d id=\u201dnimi\u201d&gt;<br>\nEsimerkki v\u00e4\u00e4\u00adr\u00e4n\u00adlai\u00adsesta to\u00adteu\u00adtus\u00adta\u00advasta:<br>\n&lt;label for=\u201dkentta\u201d&gt;Nimi:&lt;\/label&gt; &lt;input type=\u201dtext\u201d name=\u201dnimi\u201d id=\u201dnimi\u201d&gt;<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Kri\u00adtee\u00adri Tar\u00adjoa teks\u00adti\u00advas\u00adti\u00adneet kai\u00adkel\u00adle ei-teks\u00adti\u00admuo\u00adtoi\u00adsel\u00adle si\u00ads\u00e4l\u00adl\u00f6l\u00adle si\u00adten, ett\u00e4 si\u00ads\u00e4l\u00adt\u00f6 voi\u00addaan muut\u00adtaa mui\u00adhin tar\u00advit\u00adta\u00adviin muo\u00adtoi\u00adhin, ku\u00adten iso\u00adko\u00adkoi\u00adsek\u00adsi teks\u00adtik\u00adsi, pis\u00adte\u00adkir\u00adjoi\u00adtuk\u00adsek\u00adsi, pu\u00adheek\u00adsi, sym\u00adbo\u00adlik\u00adsi tai yk\u00adsin\u00adker\u00adtai\u00adsem\u00admak\u00adsi kie\u00adlek\u00adsi. Lue li\u00ads\u00e4\u00e4 W3:n si\u00advuil\u00adta. Ku\u00advaus Onko k\u00e4yt\u00adt\u00e4\u00adj\u00e4n kan\u00adnal\u00adta olen\u00adnais\u00adta in\u00adfor\u00admaa\u00adtio\u00adta si\u00ads\u00e4l\u00adt\u00e4\u00advil\u00adle ku\u00advil\u00adle an\u00adnet\u00adtu [&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-187","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/187","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=187"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/187\/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=187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}