{"id":134,"date":"2022-11-01T10:05:33","date_gmt":"2022-11-01T08:05:33","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=134"},"modified":"2023-04-03T12:32:31","modified_gmt":"2023-04-03T09:32:31","slug":"planeringsguide-om-tillgangliga-webbsidor","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/anvisningar-och-guider\/planeringsguide-om-tillgangliga-webbsidor\/","title":{"rendered":"Planeringsguide om tillg\u00e4ngliga webbsidor"},"content":{"rendered":"\n\n
\n
\"\"<\/figure>
\n

Planera tydliga sidmallar<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att huvudinneh\u00e5llet \u00e4r klart urskiljbart fr\u00e5n sidvisningens \u00f6vriga delar.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Planera tydliga blanketter<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att alla blanketter p\u00e5 webbplatsen \u00e4r tydliga och logiska och g\u00e5r att anv\u00e4nda med hj\u00e4lp av assisterande teknik.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

L\u00e4gg till textmotsvarigheter f\u00f6r allt icke-textuellt inneh\u00e5ll<\/h2>\n\n\n\n

Alla bilder, videor och ljudfiler m\u00e5ste ha en alternativ presentationsform f\u00f6r anv\u00e4ndare med syn- och h\u00f6rselvariationer.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

G\u00f6r webbplatsens interaktiva element identifierbara<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att det av l\u00e4nkar, tryckknappar och andra interaktiva element klart framg\u00e5r vad som sker n\u00e4r de anv\u00e4nds.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Textens storlek och typsnitt<\/h2>\n\n\n\n

Anv\u00e4nd tillr\u00e4ckligt stor text och ett tydligt sans-serif typsnitt.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Logisk l\u00e4sordning<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att sidans l\u00e4sordning d\u00e5 man anv\u00e4nder ett sk\u00e4rml\u00e4sningsprogram och ett tangentbord \u00e4r densamma som i den version som visas p\u00e5 sk\u00e4rmen.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Anv\u00e4nd ett tydligt och begripligt spr\u00e5k<\/h2>\n\n\n\n

Anv\u00e4nd ett tydligt och gott standardspr\u00e5k n\u00e4r du skapar inneh\u00e5llet. Undvik komplicerade satsstrukturer, uttryck och sv\u00e5ra ord.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

S\u00e4kerst\u00e4ll att filer som kan laddas ner fr\u00e5n webbplatsen \u00e4r tillg\u00e4ngliga<\/h2>\n\n\n\n

Ocks\u00e5 filer som kan laddas ner fr\u00e5n webbplatsen, som PDF-dokument, ska vara tillg\u00e4ngliga.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Anv\u00e4nd tabeller med urskillning<\/h2>\n\n\n\n

Anv\u00e4nd tabeller endast f\u00f6r att presentera stora datamassor. Anv\u00e4nd inte tabeller i formateringssyfte.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Planera sidans rubrikstruktur noggrant<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att huvudinneh\u00e5llet p\u00e5 sidan har en rubrik av f\u00f6rsta niv\u00e5. Rubrikstrukturen kan man se som ett slags inneh\u00e5llsf\u00f6rteckning f\u00f6r sidan.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Namnge l\u00e4nkar och rubriker p\u00e5 ett begripligt s\u00e4tt<\/h2>\n\n\n\n

Av l\u00e4nkens namn ska framg\u00e5 vart den f\u00f6r anv\u00e4ndaren och av rubrikens namn ska framg\u00e5 vad som finns under den.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Kom ih\u00e5g en tillr\u00e4cklig m\u00f6rkhetskontrast<\/h2>\n\n\n\n

Kontrasten mellan text och element i j\u00e4mf\u00f6relse till bakgrunden ska vara tillr\u00e4cklig.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

L\u00e4gg till l\u00e4nken \u201dHoppa till inneh\u00e5llet\u201d<\/h2>\n\n\n\n

F\u00f6rsta elementet som finns p\u00e5 sidan kan med f\u00f6rdel vara en l\u00e4nk med namnet \u201dHoppa till inneh\u00e5llet\u201d, som f\u00f6r anv\u00e4ndaren direkt till sidans huvudinneh\u00e5ll.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

L\u00e4gg till p\u00e5 varje sida en l\u00e4nk till webbplatsens ing\u00e5ngssida<\/h2>\n\n\n\n

P\u00e5 varje sida ska det finnas en l\u00e4nk som \u00e4r l\u00e4tt att hitta och som f\u00f6r anv\u00e4ndaren till webbplatsens ing\u00e5ngssida.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

S\u00e4kerst\u00e4ll att det f\u00f6r inneh\u00e5llet har definierats ett spr\u00e5k<\/h2>\n\n\n\n

Sidans spr\u00e5k ska definieras i HTML-koden, s\u00e5 att exempelvis sk\u00e4rml\u00e4sningsprogram och s\u00f6kmotorer automatiskt kan best\u00e4mma sidans spr\u00e5k.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Markera inneh\u00e5llet<\/h2>\n\n\n\n

Anv\u00e4nd m\u00e5nga olika visuella metoder f\u00f6r att markera olika delar och f\u00f6rmedla betydelsen.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Medieinneh\u00e5ll som startar automatiskt<\/h2>\n\n\n\n

Anv\u00e4nd inte p\u00e5 webbsidan l\u00e5nga medieinneh\u00e5ll som startar automatiskt. S\u00e4kerst\u00e4ll att anv\u00e4ndaren l\u00e4tt kan avbryta uppspelningen.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Namnge webbplatsen (title)<\/h2>\n\n\n\n

Namnge webbplatsens varje enskild undersida begripligt och tydligt.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Synlig mark\u00f6r<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att kanterna omkring varje element med funktion framh\u00e4vs d\u00e5 man l\u00e4ser webbsidan med tabulatortangenten (Tab \u21b9).<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

M\u00e4ngden inneh\u00e5ll<\/h2>\n\n\n\n

F\u00e4st vikt vid att det inte finns f\u00f6r mycket inneh\u00e5ll och olika objekt p\u00e5 sidan.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

Anv\u00e4ndarens position p\u00e5 webbplatsen<\/h2>\n\n\n\n

S\u00e4kerst\u00e4ll att anv\u00e4ndaren har l\u00e4tt att veta sin position p\u00e5 webbplatsen.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n\n

\n
\"\"<\/figure>
\n

S\u00f6kfunktion<\/h2>\n\n\n\n

L\u00e4gg till en s\u00f6kfunktion p\u00e5 medelstora och stora webbplatser.<\/p>\n<\/div>\n<\/div>\n<\/a>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":10,"featured_media":0,"parent":11,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/134","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=134"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}