Om man p\u00e5 webbsidor eller i dokument anv\u00e4nder bilder eller grafiska element, ska dessa f\u00f6rses med en alternativ textmotsvarighet.<\/p>\n
En textmotsvarighet ber\u00e4ttar f\u00f6r anv\u00e4ndare med synskador, som anv\u00e4nder ett sk\u00e4rml\u00e4sningsprogram, vad som finns p\u00e5 bilden. Att l\u00e4gga till textmotsvarigheter f\u00f6rb\u00e4ttrar ocks\u00e5 s\u00f6kmotoroptimering.<\/p>\n
Vanligtvis ska en textmotsvarighet kort ber\u00e4tta vad som syns p\u00e5 bilden eller vad bilden f\u00f6rest\u00e4ller. L\u00e4ngden p\u00e5 en textmotsvarighet b\u00f6r vara under 125 tecken.<\/p>\n
Textmotsvarigheten och bildtexten \u00e4r tv\u00e5 olika saker som inte ska blandas ihop med varandra.<\/p>\n
Markera textmotsvarigheten f\u00f6r bilder p\u00e5 HTML-sidor genom att anv\u00e4nda alt-attributet och som v\u00e4rde f\u00f6r det ge bildens textmotsvarighet.<\/p>\n
Kodexempel:<\/p>\n
alt=\u201dTextmotsvarigheten kommer h\u00e4r\u201d<\/p>\n
Textmotsvarighetens inneh\u00e5ll beror mycket p\u00e5 vilken typ av bild det \u00e4r fr\u00e5ga om. Fundera allts\u00e5 noggrant vad det \u00e4r som syns p\u00e5 bilden och i vilket syfte bilden finns p\u00e5 sidan.<\/p>\n
\u00c4r det fr\u00e5ga om en informativ bild? \u00c4r det fr\u00e5ga om en kurva? \u00c4r syftet med bilden att f\u00f6rmedla st\u00e4mning eller k\u00e4nslor? \u00c4r bilden endast dekorativ? \u00c4r bilden ocks\u00e5 en l\u00e4nk till n\u00e5gon annan sida? Finns det skriven text p\u00e5 bilden?<\/p>\n
I textmotsvarigheter f\u00f6r informativa bilder \u00e4r det viktigt att kort ber\u00e4tta f\u00f6r anv\u00e4ndaren vad som syns p\u00e5 bilden. Ibland kan man ge annan information om bilden, exempelvis om det \u00e4r fr\u00e5ga om ett fotografi, en m\u00e5lning eller n\u00e5got annat.<\/p>\n
St\u00f6rre datam\u00e4ngder f\u00f6rst\u00e5s ofta b\u00e4ttre av anv\u00e4ndare om de presenteras som kurvor.<\/p>\n
I textmotsvarigheten f\u00f6r en kurva ska man inte f\u00f6rs\u00f6ka skriva ner all information som syns i kurvan. Det viktigaste \u00e4r att ber\u00e4tta f\u00f6r anv\u00e4ndare att det \u00e4r fr\u00e5ga om en kurva och samtidigt ber\u00e4tta vad kurvan beskriver.<\/p>\n
Ett exempel p\u00e5 textmotsvarighet f\u00f6r en kurva: \u201dLinjediagram som beskriver Finlands befolkningsantal fr\u00e5n \u00e5r 1950 till \u00e5r 2015.\u201d<\/p>\n
Datamaterialet i kurvan kan med f\u00f6rdel skrivas in i br\u00f6dtexten.<\/p>\n
P\u00e5 webbsidor anv\u00e4nds ofta ocks\u00e5 rent dekorativa bilder som saknar informativt inneh\u00e5ll. De kan exempelvis vara enskilda linjer, vars syfte \u00e4r att g\u00f6ra sidans layout och struktur tydligare och mer tilltalande.<\/p>\n
Dekorativa bilder f\u00f6rses inte med textmotsvarigheter, eftersom de inte med avseende p\u00e5 tillg\u00e4nglighet \u00e4r av betydelse f\u00f6r personer med synskador som anv\u00e4nder sk\u00e4rml\u00e4sningsprogram.<\/p>\n
Kodexempel:<\/p>\n
alt=\u201d\u201d \/\/<\/p>\n
F\u00f6r dekorativa bilder ska man anv\u00e4nda alt-attributet och l\u00e4mna dess v\u00e4rde tomt.<\/p>\n
Om bilden ocks\u00e5 \u00e4r en l\u00e4nk till n\u00e5gon annan sida \u00e4r det ytterst viktigt att erbjuda en textmotsvarighet.<\/p>\n
D\u00e5 bilden fungerar som en l\u00e4nk ska man inte ber\u00e4tta f\u00f6r anv\u00e4ndaren vad det \u00e4r som syns p\u00e5 bilden, utan i textmotsvarigheten skriva till vilken sida l\u00e4nken f\u00f6r.<\/p>\n
Bilder ska inte anv\u00e4ndas f\u00f6r att f\u00f6rmedla textuell information.<\/p>\n
Om man \u00e4nd\u00e5 anv\u00e4nder bilder som inneh\u00e5ller text, ska man komma ih\u00e5g att ocks\u00e5 i textmotsvarigheten skriva in vad som st\u00e5r p\u00e5 bilden.<\/p>\n
Om man vill g\u00f6ra texten p\u00e5 webbsidor effektfull, ska man g\u00f6ra formateringen genom att anv\u00e4nda andra metoder \u00e4n bilder \u2013 vanligtvis med hj\u00e4lp av CSS-dokumentmallar.<\/p>\n
D\u00e5 \u00e4r det l\u00e4tt att vid behov f\u00f6rstora texten, den \u00e4r l\u00e4tt att l\u00e4sa maskinellt (exempelvis med sk\u00e4rml\u00e4snings- eller \u00f6vers\u00e4ttningsprogram) och den laddas snabbt.<\/p>\n\n","protected":false},"excerpt":{"rendered":"
Om man p\u00e5 webbsidor eller i dokument anv\u00e4nder bilder eller grafiska element, ska dessa f\u00f6rses med en alternativ textmotsvarighet. En textmotsvarighet ber\u00e4ttar f\u00f6r anv\u00e4ndare med synskador, som anv\u00e4nder ett sk\u00e4rml\u00e4sningsprogram, vad som finns p\u00e5 bilden. Att […]L\u00e4s mer \u2026<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":134,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-275","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/275","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=275"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/275\/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=275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}