{"id":140,"date":"2022-11-01T10:55:33","date_gmt":"2022-11-01T08:55:33","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=140"},"modified":"2023-02-02T14:08:06","modified_gmt":"2023-02-02T12:08:06","slug":"lattanvanda-webbsidor","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/anvisningar-och-guider\/lattanvanda-webbsidor\/","title":{"rendered":"L\u00e4ttanv\u00e4nda webbsidor"},"content":{"rendered":"\n

Webbsidor som \u00e4r l\u00e4tta att anv\u00e4nda \u00e4r en central del av tillg\u00e4nglighet. L\u00e4ttanv\u00e4ndbarhet \u00e4r till nytta f\u00f6r alla, men s\u00e4rskilt f\u00f6r personer som inte \u00e4r vana vid att anv\u00e4nda webben eller som har sv\u00e5righeter med inl\u00e4rning, gestaltning, minne eller textf\u00f6rst\u00e5else\u00a0\u2013 s\u00e5ledes personer med olika kognitiva f\u00e4rdigheter. Ofta talar man ocks\u00e5 om kognitiv tillg\u00e4nglighet<\/strong>\u00a0till skillnad fr\u00e5n teknisk tillg\u00e4nglighet.<\/p>\n

P\u00e5 den h\u00e4r sidan finns anvisningar om hur webbsidor kan g\u00f6ras l\u00e4tta att anv\u00e4nda och mer kognitivt tillg\u00e4ngliga. Dessutom har Papunet utvecklat kriterier f\u00f6r utv\u00e4rdering av l\u00e4ttanv\u00e4nda webbplatser<\/a> (p\u00e5 finska). Kriterierna kan man dra nytta av d\u00e5 man utvecklar och utv\u00e4rderar webbplatser och ocks\u00e5 i situationer d\u00e5 webbplatsen inte \u00e4r skriven p\u00e5 l\u00e4ttl\u00e4st spr\u00e5k.<\/p>\n

1. F\u00f6rst\u00e5else av layouten<\/h2>\n

Formatera och placera elementen p\u00e5 ett s\u00e5dant s\u00e4tt att layouten beskriver deras betydelse och f\u00f6rh\u00e5llande till varandra<\/h3>\n

Rubriker, br\u00f6dtext, navigationsmenyer, l\u00e4nkar, blankettelement, tryckknappar och andra element p\u00e5 webbplatsen ska kunna identifieras och s\u00e4rskiljas fr\u00e5n varandra p\u00e5 basis av deras utseende.\u00a0Det \u00e4r bra om element som har samma betydelse eller fungerar p\u00e5 samma s\u00e4tt ocks\u00e5 visuellt p\u00e5minner om varandra.<\/p>\n

Placeringen av elementen beskriver ocks\u00e5 deras funktion och inb\u00f6rdes f\u00f6rh\u00e5llanden. Om elementen h\u00f6r till varandra b\u00f6r de ocks\u00e5 vara placerade n\u00e4ra varandra. Man letar ofta efter funktionsknappar som h\u00f6r till olika element i n\u00e4rheten av dem.<\/p>\n

Om sidan exempelvis har text och bilder efter varandra, uppfattar man att texten h\u00f6r ihop med bilden som \u00e4r n\u00e4rmast den, oberoende av om texten finns ovanf\u00f6r eller under bilden.<\/p>\n

Formatera texten p\u00e5 ett s\u00e5dant s\u00e4tt att den \u00e4r l\u00e4tt att l\u00e4sa. Typsnittet ska till sin form vara tydligt och luftigt. Effektgivande metoder som fet stil eller kursivering \u00e4r det sk\u00e4l att anv\u00e4nda med urskillning. Radavst\u00e5ndet ska vara tillr\u00e4ckligt. Textraderna f\u00e5r inte vara f\u00f6r l\u00e5nga och texten ska ha rak v\u00e4nstermarginal.<\/p>\n

2. M\u00e4ngden information<\/h2>\n

L\u00e5t informationen som visas p\u00e5 en g\u00e5ng vara m\u00e5ttlig<\/h3>\n

P\u00e5 sk\u00e4rmen ska visas endast en m\u00e5ttlig m\u00e4ngd olika element, exempelvis text, l\u00e4nkar eller bilder. En alltf\u00f6r stor m\u00e4ngd information g\u00f6r det sv\u00e5rare att \u00f6gna igenom materialet och det blir sv\u00e5rare att urskilja elementen fr\u00e5n varandra.<\/p>\n

Visa endast information och funktioner som \u00e4r viktiga med avseende p\u00e5 kontexten<\/h3>\n

P\u00e5 sk\u00e4rmen \u00e4r det bra att visa endast information som h\u00f6r till ifr\u00e5gavarande kontext. Annan information b\u00f6r g\u00f6mmas (exempelvis bakom en l\u00e4nk eller funktionsknapp) eller raderas helt och h\u00e5llet. Bredvid inneh\u00e5llstext ska man inte placera bilder som inte h\u00f6r ihop med inneh\u00e5llet eller l\u00e4nkar som leder n\u00e5gon annanstans i inneh\u00e5llet.<\/p>\n

3. Att r\u00f6ra sig p\u00e5 webbplatsen<\/h2>\n

G\u00f6r det l\u00e4tt f\u00f6r anv\u00e4ndaren att r\u00f6ra sig p\u00e5 webbplatsen, d\u00e5 \u00e4r inneh\u00e5llet l\u00e4tt att hitta<\/h3>\n

Webbplatsens struktur, med andra ord hur man r\u00f6r sig mellan sidorna och hur sidorna \u00e4r strukturerade, ska vara logisk och begriplig. Man ska undvika att anv\u00e4nda flera parallella navigeringsstrukturer. Sidhierarkin f\u00e5r inte ha alltf\u00f6r m\u00e5nga niv\u00e5er eller annars vara sv\u00e5r att gestalta.<\/p>\n

G\u00f6r webbplatsens funktionalitet f\u00f6ruts\u00e4gbar<\/h3>\n

N\u00e4r man klickar p\u00e5 en l\u00e4nk eller en funktionsknapp, f\u00e5r det inte f\u00f6rorsaka alltf\u00f6r stor f\u00f6r\u00e4ndring i sidans struktur. I annat fall ska anv\u00e4ndaren informeras om f\u00f6r\u00e4ndringen p\u00e5 f\u00f6rhand eller s\u00e5 ska f\u00f6r\u00e4ndringen vara f\u00f6ruts\u00e4gbar. Webbplatsens olika delar ska till sin layout vara tillr\u00e4ckligt enhetliga och placeringen av sidans grunddelar ska vara desamma ocks\u00e5 efter det att man klickat p\u00e5 l\u00e4nken.<\/p>\n

Att klicka p\u00e5 en funktionsknapp ska inte heller medf\u00f6ra ov\u00e4ntade f\u00f6r\u00e4ndringar.<\/p>\n

Det \u00e4r bra om l\u00e4nktexten motsvarar rubriken p\u00e5 den sida dit l\u00e4nken f\u00f6r anv\u00e4ndaren.<\/p>\n

4. Respons till anv\u00e4ndaren<\/h2>\n

Visa anv\u00e4ndaren hens position p\u00e5 webbplatsen<\/h3>\n

Man ska klart visa anv\u00e4ndarens nuvarande position p\u00e5 webbplatsen, exempelvis genom att markera navigationsmenyns l\u00e4nk med f\u00e4rg eller med en s\u00e5 kallad l\u00e4nkstig.<\/p>\n

Informera om faserna i en funktion som best\u00e5r av flera moment<\/h3>\n

Om funktionen best\u00e5r av flera moment, ska anv\u00e4ndaren klart informeras om antalet moment, vilket det aktuella momentet \u00e4r och vilket n\u00e4sta steg kommer att vara.<\/p>\n

Informera i anknytning till blankettf\u00e4lt vad som ska skrivas in i f\u00e4ltet och i vilken form<\/h3>\n

Rubriktexterna ska klart beskriva, med termer som anv\u00e4ndaren k\u00e4nner till, vad som ska skrivas in i blankettf\u00e4ltet. Om det f\u00f6ruts\u00e4tts att informationen ska skrivas in i noggrant definierad form, ska detta \u00e5sk\u00e5dligg\u00f6ras med exempel i anknytning till blankettf\u00e4ltet.<\/p>\n

Informera om funktionen lyckades eller om fel uppstod<\/h3>\n

N\u00e4r funktionen (exempelvis s\u00e4ndande av en blankett) har lyckats, ska anv\u00e4ndaren klart och tydligt informeras om detta. Om funktionen misslyckades, ska anv\u00e4ndaren informeras om felet p\u00e5 ett tydligt s\u00e4tt och ocks\u00e5 informeras om hur felet kan korrigeras. Det h\u00e4r lyckas genom att man visar p\u00e5 var felet finns, genom att ge f\u00f6rslag till korrigering eller genom att informera om alternativa metoder.<\/p>\n

5. Spr\u00e5k och terminologi<\/h2>\n

Anv\u00e4nd l\u00e4ttl\u00e4st spr\u00e5k eller klart standardspr\u00e5k<\/h3>\n

All text p\u00e5 webbplatsen ska skrivas p\u00e5 konkret och klart standardspr\u00e5k som utg\u00e5r fr\u00e5n anv\u00e4ndaren eller p\u00e5 l\u00e4ttl\u00e4st och l\u00e4tt spr\u00e5k om det \u00e4r motiverat med avseende p\u00e5 m\u00e5lgruppen. Det \u00e4r sk\u00e4l att undvika l\u00e5nga textmassor och att anv\u00e4nda korta stycken, mellanrubriker, listor, bilder och videor.<\/p>\n

Det viktigaste ska placeras i b\u00f6rjan av texten eller markeras p\u00e5 n\u00e5got annat s\u00e4tt. Texter i l\u00e4nkar och p\u00e5 funktionsknappar ska ocks\u00e5 vara skrivna p\u00e5 ett spr\u00e5k som \u00e4r bekant f\u00f6r anv\u00e4ndaren.<\/p>\n

Anvisningar f\u00f6r att skriva l\u00e4ttl\u00e4st och l\u00e4tt spr\u00e5k finns p\u00e5 LL-Centers sidor:<\/p>\n

Riktlinjer f\u00f6r l\u00e4ttl\u00e4st<\/a><\/p>\n

N\u00e4rmare information<\/p>\n