{"id":276,"date":"2022-11-28T10:44:05","date_gmt":"2022-11-28T08:44:05","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=276"},"modified":"2023-01-26T09:21:07","modified_gmt":"2023-01-26T07:21:07","slug":"tee-sivuston-interaktiivisista-elementeista-tunnistettavia","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/ohjeita-ja-oppaita\/saavutettavien-verkkosivujen-suunnitteluopas\/tee-sivuston-interaktiivisista-elementeista-tunnistettavia\/","title":{"rendered":"Tee sivuston interaktiivisista elementeist\u00e4 tunnistettavia"},"content":{"rendered":"\n<p>On t\u00e4rke\u00e4\u00e4, ett\u00e4 sivun interaktiiviset elementit, kuten linkit, painikkeet tai alasvetovalikot, ovat tunnistettavia. K\u00e4ytt\u00e4j\u00e4n tulee siis tiet\u00e4\u00e4, mitk\u00e4 sivuilla olevista elementeist\u00e4 ovat interaktiivisia ja mit\u00e4 tapahtuu, jos niist\u00e4 painaa.<\/p>\n<p>Linkkien tapauksessa on t\u00e4rke\u00e4\u00e4, ett\u00e4 kaikki k\u00e4ytt\u00e4j\u00e4t tunnistavat ne linkeiksi. Linkkien on n\u00e4ytett\u00e4v\u00e4 silt\u00e4, ett\u00e4 niit\u00e4 voi klikata hiirell\u00e4 tai painaa sormella.<\/p>\n<p>Hyv\u00e4 tapa esitt\u00e4\u00e4 linkit on merkit\u00e4 ne sinisell\u00e4 v\u00e4rill\u00e4 ja lis\u00e4ksi alleviivata ne. Koska kaikki k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t erota v\u00e4rej\u00e4, my\u00f6s alleviivaus on tarpeen.<\/p>\n<p>Kun verkkosivulla k\u00e4ytet\u00e4\u00e4n HTML-sivun peruselementtej\u00e4, eri apuv\u00e4lineet tunnistavat yleens\u00e4 interaktiiviset elementit. Esimerkiksi ruudunlukuohjelma osaa kertoa k\u00e4ytt\u00e4j\u00e4lle, onko kyseess\u00e4 linkki, painike tai jokin muu.<\/p>\n<p>Jos jonkin toiminnon esitt\u00e4miseen halutaan kuitenkin k\u00e4ytt\u00e4\u00e4 poikkeavia ratkaisuja, HTML-koodiin on kirjattava erikseen, mik\u00e4 toiminto on kyseess\u00e4. Poikkeavia ratkaisuja saatetaan k\u00e4ytt\u00e4\u00e4 silloin, kun sivuston ulkoasusta halutaan juuri tietynlainen.<\/p>\n<p>Olisi hyv\u00e4, jos sivustolla k\u00e4ytetyt toiminnot olisivat sek\u00e4 visuaalisesti ett\u00e4 toiminnaltaan mahdollisimman samanlaisia kuin muillakin yleisill\u00e4 verkkosivuilla. K\u00e4ytt\u00e4j\u00e4n on helpompi k\u00e4ytt\u00e4\u00e4 eri sivustoja, kun ne toimivat samalla tavalla.<\/p>\n<p>T\u00e4rkeint\u00e4 on kuitenkin pit\u00e4\u00e4 kaikki samalla sivustolla k\u00e4ytetyt toiminnot yhdenmukaisina.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>On t\u00e4rke\u00e4\u00e4, ett\u00e4 sivun interaktiiviset elementit, kuten linkit, painikkeet tai alasvetovalikot, ovat tunnistettavia. K\u00e4ytt\u00e4j\u00e4n tulee siis tiet\u00e4\u00e4, mitk\u00e4 sivuilla olevista elementeist\u00e4 ovat interaktiivisia ja mit\u00e4 tapahtuu, jos niist\u00e4 painaa. Linkkien tapauksessa on t\u00e4rke\u00e4\u00e4, ett\u00e4 kaikki k\u00e4ytt\u00e4j\u00e4t [&hellip;]<span class=\"moretag\">Lue lis\u00e4\u00e4&#8230;<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":134,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-276","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/276","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=276"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/276\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/134"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/media?parent=276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}