{"id":715,"date":"2026-05-17T21:17:18","date_gmt":"2026-05-17T21:17:18","guid":{"rendered":"https:\/\/selma.se\/?p=715"},"modified":"2026-06-05T20:45:27","modified_gmt":"2026-06-05T20:45:27","slug":"granskning-av-tillganglighet-wcag-audit","status":"publish","type":"post","link":"https:\/\/selma.se\/en\/artiklar\/granskning-av-tillganglighet-wcag-audit\/","title":{"rendered":"Expertgranskning av tillg\u00e4nglighet: s\u00e5 g\u00e5r en manuell WCAG-audit till"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Expertgranskning av tillg\u00e4nglighet: s\u00e5 g\u00e5r en manuell WCAG-audit till<\/h2>\n\n\n\n<p>En automatisk scan \u00e4r en bra start, men den r\u00e4cker inte alltid f\u00f6r att s\u00e4ga om en webbplats \u00e4r tillg\u00e4nglig i praktiken. F\u00f6r det kr\u00e4vs en&nbsp;<strong>expertgranskning<\/strong>&nbsp;(manuell tillg\u00e4nglighetsaudit): en strukturerad genomg\u00e5ng d\u00e4r man granskar webbplatsen mot aktuella WCAG-krav och testar viktiga fl\u00f6den med tangentbord och hj\u00e4lpmedel.<\/p>\n\n\n\n<p>En expertgranskning tittar typiskt p\u00e5 allt fr\u00e5n&nbsp;<strong>UI-komponenter, formul\u00e4r, kontrast, sidstruktur och tangentbordsst\u00f6d<\/strong>&nbsp;till hur sajten fungerar med&nbsp;<strong>hj\u00e4lpmedel som sk\u00e4rml\u00e4sare<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vad \u00e4r en expertgranskning?<\/h3>\n\n\n\n<p>En expertgranskning \u00e4r en manuell kontroll av hur v\u00e4l webbplatsen uppfyller WCAG. Till skillnad fr\u00e5n en automatisk kontroll handlar det inte bara om \u201cfel i koden\u201d, utan om hur anv\u00e4ndaren faktiskt tar sig fram, f\u00f6rst\u00e5r inneh\u00e5llet och kan slutf\u00f6ra uppgifter.<\/p>\n\n\n\n<p>M\u00e5let \u00e4r att identifiera vad som hindrar anv\u00e4ndare \u2013 och ge konkreta \u00e5tg\u00e4rder som utveckling och inneh\u00e5llsansvariga kan genomf\u00f6ra.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vad ing\u00e5r vanligtvis?<\/h3>\n\n\n\n<p>En bra audit kombinerar flera typer av tester:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Sk\u00e4rml\u00e4sartest<\/strong>\u00a0(t.ex. VoiceOver) f\u00f6r att se om inneh\u00e5ll, knappar, rubriker och formul\u00e4r g\u00e5r att f\u00f6rst\u00e5 och anv\u00e4nda<\/li>\n\n\n\n<li><strong>Tangentbordstest<\/strong>\u00a0f\u00f6r att s\u00e4kerst\u00e4lla att allt g\u00e5r att n\u00e5 utan mus, att fokus \u00e4r tydligt och att man inte fastnar<\/li>\n\n\n\n<li><strong>Visuell granskning<\/strong>\u00a0av kontrast, l\u00e4sbarhet, statusmeddelanden och interaktioner<\/li>\n\n\n\n<li><strong>Kodgranskning<\/strong>\u00a0f\u00f6r att hitta orsakerna bakom problemen och f\u00f6resl\u00e5 r\u00e4tt fix<\/li>\n<\/ul>\n\n\n\n<p>Det h\u00e4r uppl\u00e4gget (sk\u00e4rml\u00e4sare, tangentbord, visuell granskning och kodinspektion) \u00e4r ocks\u00e5 ett vanligt rekommenderat s\u00e4tt att genomf\u00f6ra en audit systematiskt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vilka sidor och fl\u00f6den b\u00f6r granskas?<\/h3>\n\n\n\n<p>De flesta v\u00e4ljer att granska ett urval av sidor som representerar era viktigaste mallar och anv\u00e4ndarfl\u00f6den. Det brukar ge h\u00f6g tr\u00e4ffs\u00e4kerhet utan att auditten blir on\u00f6digt tung.<\/p>\n\n\n\n<p>Exempel p\u00e5 bra urval:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>startsida<\/li>\n\n\n\n<li>landnings-\/tj\u00e4nstesida<\/li>\n\n\n\n<li>artikel\/nyhet<\/li>\n\n\n\n<li>s\u00f6k + filtrering<\/li>\n\n\n\n<li>formul\u00e4r (kontakt, bokning eller checkout)<\/li>\n\n\n\n<li>inloggning (om ni har det)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Vad f\u00e5r du ut av en expertgranskning?<\/h3>\n\n\n\n<p>En seri\u00f6s audit ska landa i ett underlag som g\u00e5r att agera p\u00e5, inte bara en \u201clista med fel\u201d.<\/p>\n\n\n\n<p>Vanliga leverabler:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Prioriterad \u00e5tg\u00e4rdslista<\/strong>\u00a0(vad ger mest effekt f\u00f6rst)<\/li>\n\n\n\n<li><strong>Tydliga reproduktionssteg<\/strong>\u00a0(s\u00e5 dev kan se problemet)<\/li>\n\n\n\n<li><strong>Rekommenderad l\u00f6sning<\/strong>\u00a0(vad som ska \u00e4ndras och varf\u00f6r)<\/li>\n\n\n\n<li><strong>Koppling till WCAG<\/strong>\u00a0(s\u00e5 ni kan visa efterlevnad internt och externt)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Varf\u00f6r detta \u00e4r viktigt<\/h3>\n\n\n\n<p>En expertgranskning \u00e4r ofta det snabbaste s\u00e4ttet att f\u00f6rst\u00e5 den verkliga niv\u00e5n p\u00e5 tillg\u00e4ngligheten \u2013 s\u00e4rskilt i kritiska fl\u00f6den som formul\u00e4r, checkout och navigation.<\/p>\n\n\n\n<p>Det minskar risken att ni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cfixar fel\u201d som inte l\u00f6ser anv\u00e4ndarens problem<\/li>\n\n\n\n<li>missar blockerande hinder som automatiska tester inte f\u00e5ngar<\/li>\n\n\n\n<li>f\u00e5r \u00e5terkommande brister vid varje release<\/li>\n<\/ul>\n\n\n\n<p>Det \u00e4r ocks\u00e5 ett steg mot att s\u00e4kerst\u00e4lla att ert digitala inneh\u00e5ll kan uppfattas, f\u00f6rst\u00e5s, navigeras och anv\u00e4ndas av fler<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Rekommendation: g\u00f6r en expertgranskning och f\u00f6lj upp l\u00f6pande<\/h3>\n\n\n\n<p>Om ni tar tillg\u00e4nglighet p\u00e5 allvar (och vill slippa \u00f6verraskningar) \u00e4r rekommendationen enkel: g\u00f6r en expertgranskning nu, bygg en \u00e5tg\u00e4rdsplan och f\u00f6lj upp regelbundet \u2013 s\u00e4rskilt efter st\u00f6rre uppdateringar.<\/p>\n\n\n\n<p><strong>Selma kan hj\u00e4lpa till<\/strong>&nbsp;genom att:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>genomf\u00f6ra en manuell expertgranskning mot WCAG<\/li>\n\n\n\n<li>testa viktiga fl\u00f6den med hj\u00e4lpmedel som VoiceOver<\/li>\n\n\n\n<li>ge ett tydligt nul\u00e4ge och en prioriterad plan som utveckling kan jobba efter<\/li>\n\n\n\n<li>st\u00f6tta er l\u00f6pande s\u00e5 att tillg\u00e4ngligheten h\u00e5lls uppe \u00f6ver tid<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Expertgranskning av tillg\u00e4nglighet: s\u00e5 g\u00e5r en manuell WCAG-audit till En automatisk scan \u00e4r en bra start, men den r\u00e4cker inte alltid f\u00f6r att s\u00e4ga om en webbplats \u00e4r tillg\u00e4nglig i praktiken. F\u00f6r det kr\u00e4vs en&nbsp;expertgranskning&nbsp;(manuell tillg\u00e4nglighetsaudit): en strukturerad genomg\u00e5ng d\u00e4r man granskar webbplatsen mot aktuella WCAG-krav och testar viktiga fl\u00f6den med tangentbord och hj\u00e4lpmedel. En [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[20],"tags":[],"class_list":["post-715","post","type-post","status-publish","format-standard","hentry","category-wcag-lagkrav"],"acf":[],"_links":{"self":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/715","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/comments?post=715"}],"version-history":[{"count":1,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/715\/revisions"}],"predecessor-version":[{"id":716,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/715\/revisions\/716"}],"wp:attachment":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/media?parent=715"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/categories?post=715"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/tags?post=715"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}