N\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4ji\u00e4 varten jokaisen sivun alkuun kannattaa lis\u00e4t\u00e4 niin sanottu \u201dHypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n\u201d -linkki, joka vie k\u00e4ytt\u00e4j\u00e4n suoraan sivun p\u00e4\u00e4sis\u00e4lt\u00f6\u00f6n.<\/p>\n
Verkkosivut sis\u00e4lt\u00e4v\u00e4t paljon erilaista asiaa ennen p\u00e4\u00e4sis\u00e4lt\u00f6\u00e4. Sivulla on usein navigaatiolinkkej\u00e4, hakutoiminnon eri elementtej\u00e4, kuvia ja mainoksia. P\u00e4\u00e4sis\u00e4lt\u00f6\u00f6n p\u00e4\u00e4seminen saattaa tyypillisesti vaatia n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4j\u00e4lt\u00e4 kymmeni\u00e4 n\u00e4pp\u00e4inpainalluksia.<\/p>\n
Kaiken p\u00e4\u00e4sis\u00e4ll\u00f6n kannalta turhan tiedon voi ohittaa helposti, jos aivan sivun alkuun on lis\u00e4tty \u201dHypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n\u201d -linkki.<\/p>\n
N\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4jill\u00e4 on usein muitakin tapoja ohittaa ep\u00e4olennaiset asiat. Esimerkiksi ruudunlukuohjelmien k\u00e4ytt\u00e4j\u00e4t hy\u00f6dynt\u00e4v\u00e4t usein sivun otsikkotasoja.<\/p>\n
Jos sivulla on siis k\u00e4ytetty otsikkotyylej\u00e4 oikeaoppisesti, ruudunlukuohjelmalla voidaan hyp\u00e4t\u00e4 suoraan otsikosta toiseen ja p\u00e4\u00e4sis\u00e4lt\u00f6 l\u00f6ytyy helposti.<\/p>\n
Kaikki k\u00e4ytt\u00e4j\u00e4t eiv\u00e4t kuitenkaan tied\u00e4 t\u00e4st\u00e4 ominaisuudesta tai eiv\u00e4t osaa hy\u00f6dynt\u00e4\u00e4 sit\u00e4. Siksi on t\u00e4rke\u00e4\u00e4 tarjota useita tapoja p\u00e4\u00e4st\u00e4 k\u00e4siksi sivun p\u00e4\u00e4sis\u00e4lt\u00f6\u00f6n.<\/p>\n
\u201dHypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n\u201d -linkki voidaan piilottaa n\u00e4kyvist\u00e4 sivulla. Linkin tulee kuitenkin olla n\u00e4kyviss\u00e4 silloin, kun n\u00e4pp\u00e4imist\u00f6kohdistin on sen kohdalla. Muuten normaalisti n\u00e4kev\u00e4t n\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4j\u00e4t tai kytkinohjainta k\u00e4ytt\u00e4v\u00e4t henkil\u00f6t eiv\u00e4t tied\u00e4, ett\u00e4 sivulla on \u201dHypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n\u201d -linkki.<\/p>\n
Koodiesimerkki:<\/p>\n
<body><\/p>\n
<a href=\u201d#paasisalto\u201d>Hypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n<\/a><\/p>\n
\u2026<\/p>\n
\/\/T\u00e4ss\u00e4 on tyypillisesti sivuston logo, navigaatiolinkkej\u00e4, hakutoiminto yms.<\/p>\n
\u2026<\/p>\n
<main id=\u201dpaasisalto\u201d><\/p>\n
<h1>P\u00e4\u00e4sis\u00e4ll\u00f6n ensimm\u00e4inen otsikko t\u00e4h\u00e4n<\/h1><\/p>\n
<p>T\u00e4h\u00e4n tulee ensimm\u00e4inen kappale<\/p><\/p>\n
\u2026<\/p>\n\n","protected":false},"excerpt":{"rendered":"
N\u00e4pp\u00e4imist\u00f6k\u00e4ytt\u00e4ji\u00e4 varten jokaisen sivun alkuun kannattaa lis\u00e4t\u00e4 niin sanottu \u201dHypp\u00e4\u00e4 sis\u00e4lt\u00f6\u00f6n\u201d -linkki, joka vie k\u00e4ytt\u00e4j\u00e4n suoraan sivun p\u00e4\u00e4sis\u00e4lt\u00f6\u00f6n. Verkkosivut sis\u00e4lt\u00e4v\u00e4t paljon erilaista asiaa ennen p\u00e4\u00e4sis\u00e4lt\u00f6\u00e4. Sivulla on usein navigaatiolinkkej\u00e4, hakutoiminnon eri elementtej\u00e4, kuvia ja mainoksia. P\u00e4\u00e4sis\u00e4lt\u00f6\u00f6n […]Lue lis\u00e4\u00e4…<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":134,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-286","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/286","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=286"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/wp-json\/wp\/v2\/pages\/286\/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=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}