{"id":269,"date":"2022-11-28T09:36:57","date_gmt":"2022-11-28T07:36:57","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=269"},"modified":"2023-01-23T12:49:25","modified_gmt":"2023-01-23T10:49:25","slug":"4-1-2-nimi-rooli-arvo","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/teknisen-saavutettavuuden-ohjeet-wcag\/wcag-2-2-saavutettavuusohjeet\/4-1-2-nimi-rooli-arvo\/","title":{"rendered":"4.1.2 Nimi, rooli, arvo"},"content":{"rendered":"\n

Kri\u00adtee\u00adri (taso A)<\/h2>\n

Kaik\u00adkien k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien<\/a> (mu\u00adkaan lu\u00adkien lo\u00adma\u00adke-ele\u00admen\u00adtit, lin\u00adkit ja skrip\u00adtien tuot\u00adta\u00admat kom\u00adpo\u00adnen\u00adtit) nimi<\/a> ja roo\u00adli<\/a> voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti<\/a>; ti\u00adlat, omi\u00adnai\u00adsuu\u00addet ja ar\u00advot, jot\u00adka k\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi aset\u00adtaa, voi\u00addaan my\u00f6s aset\u00adtaa oh\u00adjel\u00admal\u00adli\u00adses\u00adti<\/a>; ja tie\u00adto n\u00e4i\u00adden muu\u00adtok\u00adsis\u00adta on asia\u00adkas\u00adoh\u00adjel\u00admien<\/a> saa\u00adta\u00advis\u00adsa, mu\u00adkaan lu\u00adkien avus\u00adta\u00advat tek\u00adno\u00adlo\u00adgiat<\/a>.<\/p>\n

Huomautus<\/em>: T\u00e4m\u00e4 on\u00adnis\u00adtu\u00admi\u00adsen kri\u00adtee\u00adri on en\u00adsi\u00adsi\u00adjai\u00adses\u00adti tar\u00adkoi\u00adtet\u00adtu web-ke\u00adhit\u00adt\u00e4\u00adjil\u00adle, jot\u00adka to\u00adteut\u00adta\u00advat tai skrip\u00adtaa\u00advat itse k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adte\u00adja. Esi\u00admer\u00adkik\u00adsi stan\u00addar\u00addit HTML-ele\u00admen\u00adtit t\u00e4yt\u00adt\u00e4\u00adv\u00e4t jo t\u00e4\u00adm\u00e4n on\u00adnis\u00adtu\u00admis\u00adkri\u00adtee\u00adrin, kun nii\u00adt\u00e4 k\u00e4y\u00adte\u00adt\u00e4\u00e4n spe\u00adsi\u00adfi\u00adkaa\u00adtion mu\u00adkai\u00adses\u00adti.<\/p>\n

Lue li\u00ads\u00e4\u00e4 W3:n si\u00advuil\u00adta.<\/a><\/p>\n

Ku\u00advaus<\/h2>\n

Onko kaik\u00adki 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-\/\u200bXHTML-\u00adm\u00e4\u00e4\u00adri\u00adtyk\u00adsen mu\u00adkais\u00adta koo\u00addia.<\/p>\n

Huo\u00admioi\u00adta\u00advaa:<\/em> T\u00e4m\u00e4 kri\u00adtee\u00adri koh\u00adden\u00adtuu l\u00e4\u00adhin\u00adn\u00e4 ti\u00adlan\u00adtei\u00adsiin, jois\u00adsa si\u00advus\u00adtol\u00adle on to\u00adteu\u00adtet\u00adtu k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adte\u00adja esi\u00admer\u00adkik\u00adsi skrip\u00adtaa\u00admal\u00adla. Kai\u00adkis\u00adsa ti\u00adlan\u00adteis\u00adsa on var\u00admis\u00adtut\u00adta\u00adva sii\u00adt\u00e4, ett\u00e4 n\u00e4m\u00e4 kom\u00adpo\u00adnen\u00adtit an\u00adta\u00advat riit\u00adt\u00e4\u00adv\u00e4s\u00adti tie\u00adtoa k\u00e4y\u00adtet\u00adt\u00e4\u00adv\u00e4l\u00adle avus\u00adtaval\u00adle tek\u00adno\u00adlo\u00adgial\u00adle ja an\u00adta\u00advat t\u00e4\u00adm\u00e4n tek\u00adnii\u00adkan kont\u00adrol\u00adloi\u00adda it\u00adse\u00ad\u00e4\u00e4n. K\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien on t\u00e4y\u00adtet\u00adt\u00e4\u00adv\u00e4 seu\u00adraa\u00advat eh\u00addot:<\/p>\n

    \n
  • Nii\u00adden nimi ja roo\u00adli voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti.<\/li>\n
  • 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
  • Tie\u00adto muu\u00adtok\u00adsis\u00adta on asia\u00adkas\u00adoh\u00adjel\u00admien saa\u00adta\u00advis\u00adsa.<\/li>\n<\/ul>\n

    Esi\u00admer\u00adkik\u00adsi:<\/p>\n

      \n
    • Fo\u00adkuk\u00adsen tila tai sen muu\u00adtos il\u00admoi\u00adte\u00adtaan.<\/li>\n
    • Lo\u00admak\u00adkeen va\u00adlin\u00adta\u00adruu\u00addun tai \u00adna\u00adpin ti\u00adlan muu\u00adtos il\u00admoi\u00adte\u00adtaan.<\/li>\n
    • Kai\u00adkil\u00adla k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adteil\u00adla on oh\u00adjel\u00admal\u00adli\u00adses\u00adti m\u00e4\u00e4\u00adri\u00adtet\u00adt\u00e4\u00adv\u00e4 nimi.<\/li>\n<\/ul>\n

      Mi\u00adten tar\u00adkis\u00adte\u00adtaan<\/h2>\n

      Oh\u00adjel\u00admal\u00adli\u00adses\u00adti luo\u00adduis\u00adsa\/\u200bmuo\u00adka\u00adtuis\u00adsa k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnen\u00adteis\u00adsa on usein syy\u00adt\u00e4 k\u00e4yt\u00adt\u00e4\u00e4 WAI\u00ad-ARIAa. Esi\u00admer\u00adkik\u00adsi: Si\u00advul\u00adla on link\u00adki, joka n\u00e4yt\u00adt\u00e4\u00e4 di\u00advil\u00adl\u00e4 to\u00adteu\u00adte\u00adtun pop \u00adupin. Pop\u00ad upin sul\u00adje\u00ad-ele\u00adment\u00adti on to\u00adteu\u00adtet\u00adtu but\u00adton-\u00adele\u00adment\u00adti\u00adn\u00e4 (na\u00adpin si\u00ads\u00e4l\u00adt\u00f6\u00adn\u00e4 vain kir\u00adjain X). K\u00e4y\u00adte\u00adt\u00e4\u00e4n WAI\u00ad-ARIAn \u201daria\u00ad-la\u00adbel\u201d\u00ad -att\u00adri\u00adbuut\u00adtia tar\u00adjoa\u00admaan k\u00e4yt\u00adt\u00e4\u00adj\u00e4l\u00adle na\u00adpin nimi ja roo\u00adli:
      \n<button aria-\u00adlabel=\u201dSulje pop\u00adup\u201d onclick=\u201ddocument.getElementById(popup).style.display=\u2019none\u2019\u037e\u201d class=\u201dclose\u00adbutton\u201d>X<\/button>.<\/em><\/p>\n\n","protected":false},"excerpt":{"rendered":"

      Kri\u00adtee\u00adri (taso A) Kaik\u00adkien k\u00e4yt\u00adt\u00f6\u00adliit\u00adty\u00adm\u00e4\u00adkom\u00adpo\u00adnent\u00adtien (mu\u00adkaan lu\u00adkien lo\u00adma\u00adke-ele\u00admen\u00adtit, lin\u00adkit ja skrip\u00adtien tuot\u00adta\u00admat kom\u00adpo\u00adnen\u00adtit) nimi ja roo\u00adli voi\u00addaan sel\u00advit\u00adt\u00e4\u00e4 oh\u00adjel\u00admal\u00adli\u00adses\u00adti; ti\u00adlat, omi\u00adnai\u00adsuu\u00addet ja ar\u00advot, jot\u00adka k\u00e4yt\u00adt\u00e4\u00adj\u00e4 voi aset\u00adtaa, voi\u00addaan my\u00f6s aset\u00adtaa oh\u00adjel\u00admal\u00adli\u00adses\u00adti; ja tie\u00adto n\u00e4i\u00adden muu\u00adtok\u00adsis\u00adta on […]Lue lis\u00e4\u00e4…<\/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-269","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/269","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=269"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/269\/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=269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}