{"id":272,"date":"2022-11-28T10:23:59","date_gmt":"2022-11-28T08:23:59","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=272"},"modified":"2022-12-08T14:28:08","modified_gmt":"2022-12-08T12:28:08","slug":"planera-tydliga-sidmallar","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/anvisningar-och-guider\/planeringsguide-om-tillgangliga-webbsidor\/planera-tydliga-sidmallar\/","title":{"rendered":"Planera tydliga sidmallar"},"content":{"rendered":"\n

Med avseende p\u00e5 webbplatsens tillg\u00e4nglighet och allm\u00e4nna anv\u00e4ndbarhet \u00e4r det viktigt att sidmallarna \u00e4r tydliga.\u00a0Sidmallarna ska vara enhetliga i alla olika delar av webbtj\u00e4nsten.<\/p>\n

S\u00e4kerst\u00e4ll att sidans delar (se Bild 1) p\u00e5 ett tydligt s\u00e4tt skiljer sig fr\u00e5n varandra och att delarna \u00e4r l\u00e4tta att k\u00e4nna igen.<\/p>\n

Det \u00e4r s\u00e4rskilt viktigt att det v\u00e4sentliga inneh\u00e5llet p\u00e5 sidan klart skiljer sig fr\u00e5n det \u00f6vriga inneh\u00e5llet.\u00a0Det viktigaste inneh\u00e5llet ska presenteras i b\u00f6rjan av sidan, s\u00e5 att det syns utan att man beh\u00f6ver rulla p\u00e5 sidan.<\/p>\n

Sidans delar: huvudinneh\u00e5ll, huvudrubrik, ingress, br\u00f6dtext<\/h2>\n

S\u00e4kerst\u00e4ll att sidans v\u00e4sentligaste del, det vill s\u00e4ga huvudinneh\u00e5llet, klart och tydligt skiljer sig fr\u00e5n det \u00f6vriga inneh\u00e5llet och delarna p\u00e5 sidan. P\u00e5 sidan ska klart urskiljas var huvudinneh\u00e5llet b\u00f6rjar och var det slutar.<\/p>\n

Huvudinneh\u00e5llet ska urskiljas b\u00e5de visuellt och maskinellt. Om allt inneh\u00e5ll som h\u00f6r till huvudinneh\u00e5llet skrivs mellan elementen <main>\u2026<\/main> i HTML-koden, kan det ocks\u00e5 urskiljas maskinellt.<\/p>\n

De olika delarna av sidans huvudinneh\u00e5ll ska presenteras p\u00e5 ett tydligt och begripligt s\u00e4tt. Huvudinneh\u00e5llets huvudrubrik, ingress och mellanrubriker ska klart urskilja sig fr\u00e5n huvudinneh\u00e5llets br\u00f6dtext.<\/p>\n

Navigationsl\u00e4nkar: huvudnavigation, undernavigation<\/h2>\n

Navigationsl\u00e4nkarna p\u00e5 sidan ska tydligt kunna urskiljas fr\u00e5n det \u00f6vriga inneh\u00e5llet. F\u00f6r anv\u00e4ndaren ska presenteras b\u00e5de visuellt och maskinellt vilken del av sidan som \u00e4r huvudnavigation och vilken del som \u00e4r eventuell undernavigation.<\/p>\n

Med hj\u00e4lp av kodning kan detta g\u00f6ras genom att man placerar navigationsl\u00e4nkarna innanf\u00f6r <nav>\u2026<\/nav> elementen.<\/p>\n

S\u00f6kfunktion<\/h2>\n

Om webbplatsen best\u00e5r av fler \u00e4n 20 undersidor \u00e4r det sk\u00e4l att l\u00e4gga till en s\u00f6kfunktion f\u00f6r sidorna. Det \u00e4r sk\u00e4l att placera s\u00f6kfunktionen p\u00e5 en s\u00e5dan plats d\u00e4r man l\u00e4tt hittar den och d\u00e4r den inte st\u00f6r sidans andra funktioner.<\/p>\n

Fotnot (footer)<\/h2>\n

Om sidan har en fotnot (footer) (Bild 1) ska den tydligt kunna urskiljas fr\u00e5n det \u00f6vriga inneh\u00e5llet.<\/p>\n

Ofta inneh\u00e5ller fotnoten information om hela webbplatsen och inte om enskilda undersidor. Ocks\u00e5 med tanke p\u00e5 det \u00e4r det viktigt att anv\u00e4ndaren inte blandar ihop fotnoten med sj\u00e4lva huvudinneh\u00e5llet.<\/p>\n

Extra inneh\u00e5ll som h\u00f6r till huvudinneh\u00e5llet<\/h2>\n

P\u00e5 vissa webbsidor kan det till h\u00f6ger om huvudinneh\u00e5llet finnas inneh\u00e5ll som h\u00f6r till huvudinneh\u00e5llet, men som ocks\u00e5 ska ses som en sj\u00e4lvst\u00e4ndig helhet \u2013 exempelvis kontaktuppgifter som h\u00f6r ihop med temat f\u00f6r huvudinneh\u00e5llet.<\/p>\n

I Bild 1 presenteras strukturen p\u00e5 en exempelsida och sidans olika delar. Bilden visar hur exempelsidans alla delar \u00e4r tydligt avskilda fr\u00e5n varandra.<\/p>\n

\n\"\"Bild 1: Ett exempel p\u00e5 en sida och dess delar.<\/em><\/span>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"

Med avseende p\u00e5 webbplatsens tillg\u00e4nglighet och allm\u00e4nna anv\u00e4ndbarhet \u00e4r det viktigt att sidmallarna \u00e4r tydliga.\u00a0Sidmallarna ska vara enhetliga i alla olika delar av webbtj\u00e4nsten. S\u00e4kerst\u00e4ll att sidans delar (se Bild 1) p\u00e5 ett tydligt s\u00e4tt skiljer […]L\u00e4s mer \u2026<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":134,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-272","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/comments?post=272"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/272\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/134"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/media?parent=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}