{"id":729,"date":"2026-05-17T21:25:21","date_gmt":"2026-05-17T21:25:21","guid":{"rendered":"https:\/\/selma.se\/?p=729"},"modified":"2026-06-05T20:41:01","modified_gmt":"2026-06-05T20:41:01","slug":"manuell-tillganglighetsanpassning","status":"publish","type":"post","link":"https:\/\/selma.se\/en\/artiklar\/manuell-tillganglighetsanpassning\/","title":{"rendered":"Manuell tillg\u00e4nglighetsanpassning med AI-st\u00f6d: s\u00e5 jobbar du smartare med WCAG"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Manuell tillg\u00e4nglighetsanpassning med AI-st\u00f6d: s\u00e5 jobbar du smartare med WCAG<\/h2>\n\n\n\n<p>AI kan vara ett bra hj\u00e4lpmedel i den manuella tillg\u00e4nglighetsanpassningen \u2013 inte genom att \u201cl\u00f6sa allt\u201d, utan genom att g\u00f6ra det snabbare att hitta brister, skriva b\u00e4ttre texter och f\u00f6resl\u00e5 kod\u00e4ndringar. Men det viktiga \u00e4r att det fortfarande \u00e4r du (eller ditt team) som g\u00f6r bed\u00f6mningen och v\u00e4ljer vad som ska in i k\u00e4llkoden.<\/p>\n\n\n\n<p>I den h\u00e4r artikeln g\u00e5r vi igenom ett praktiskt arbetss\u00e4tt:&nbsp;<strong>manuellt ansvar + AI-st\u00f6d<\/strong>, och hur du kan f\u00e5&nbsp;<strong>konkreta kodf\u00f6rslag<\/strong>&nbsp;som du sj\u00e4lv implementerar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Varf\u00f6r manuell WCAG-anpassning beh\u00f6vs<\/h3>\n\n\n\n<p>Automatiska tester hittar mycket, men inte allt. M\u00e5nga krav kr\u00e4ver m\u00e4nsklig bed\u00f6mning, till exempel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>om l\u00e4nktexter \u00e4r begripliga<\/li>\n\n\n\n<li>om alt-texter beskriver r\u00e4tt sak i r\u00e4tt sammanhang<\/li>\n\n\n\n<li>om formul\u00e4r \u00e4r tydliga och g\u00e5r att anv\u00e4nda med tangentbord<\/li>\n\n\n\n<li>om fokusordning och navigation fungerar i praktiken<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">S\u00e5 anv\u00e4nder ni AI som st\u00f6d i arbetet<\/h3>\n\n\n\n<p>AI-st\u00f6d g\u00f6r fr\u00e4mst tre saker snabbare:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>prioritering:<\/strong>&nbsp;gruppera \u00e5terkommande fel och f\u00f6resl\u00e5 vad som b\u00f6r fixas f\u00f6rst<\/li>\n\n\n\n<li><strong>inneh\u00e5ll:<\/strong>&nbsp;f\u00f6rslag p\u00e5 alt-texter, labels och felmeddelanden<\/li>\n\n\n\n<li><strong>kod:<\/strong>&nbsp;f\u00f6rslag p\u00e5 sm\u00e5, konkreta \u00e4ndringar i HTML\/CSS\/JS<\/li>\n<\/ul>\n\n\n\n<p>Ni granskar alltid och l\u00e4gger in \u00e4ndringarna manuellt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vanliga brister som g\u00e5r snabbt att fixa<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>rubriker som anv\u00e4nds fel (H1\u2013H6)<\/li>\n\n\n\n<li>bilder utan alt-text<\/li>\n\n\n\n<li>\u201cklicka h\u00e4r\u201d-l\u00e4nkar och otydliga l\u00e4nktexter<\/li>\n\n\n\n<li>formul\u00e4rf\u00e4lt utan label<\/li>\n\n\n\n<li>fokusmarkering som saknas i CSS<\/li>\n\n\n\n<li>knappar byggda som&nbsp;<code>&lt;div&gt;<\/code>&nbsp;i st\u00e4llet f\u00f6r&nbsp;<code>&lt;button&gt;<\/code><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">V\u00e5r tj\u00e4nst: scan \u2192 brister \u2192 kodf\u00f6rslag<\/h3>\n\n\n\n<p>AI \u00e4r som b\u00e4st n\u00e4r den f\u00e5r en tydlig uppgift och ett tydligt format att f\u00f6lja. H\u00e4r \u00e4r fyra omr\u00e5den d\u00e4r den ofta ger mest effekt:<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">1) Snabbare inventering av problem<\/h5>\n\n\n\n<p>Om du samlar output fr\u00e5n ett verktyg (t.ex. en scanning) kan AI hj\u00e4lpa dig att:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>gruppera problem (vad som \u00e4r samma typ av fel p\u00e5 m\u00e5nga sidor)<\/li>\n\n\n\n<li>prioritera vad som ger mest effekt<\/li>\n\n\n\n<li>\u00f6vers\u00e4tta tekniska fel till begriplig \u201c\u00e5tg\u00e4rdslista\u201d f\u00f6r utveckling<\/li>\n<\/ul>\n\n\n\n<h5 class=\"wp-block-heading\">2) B\u00e4ttre textf\u00f6rslag (alt-texter, labels och felmeddelanden)<\/h5>\n\n\n\n<p>AI kan f\u00f6resl\u00e5 alt-texter, formul\u00e4rlabels, hj\u00e4lpttexter och felmeddelanden som \u00e4r:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mer konsekventa<\/li>\n\n\n\n<li>mer begripliga<\/li>\n\n\n\n<li>mer kontextanpassade<\/li>\n<\/ul>\n\n\n\n<p>Men: du beh\u00f6ver alltid kvalitetss\u00e4kra, f\u00f6r det \u00e4r l\u00e4tt att AI gissar fel om bildens syfte eller sidans kontext.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">3) Kodf\u00f6rslag som sparar tid f\u00f6r utvecklare<\/h5>\n\n\n\n<p>M\u00e5nga tillg\u00e4nglighetsbrister kan \u00e5tg\u00e4rdas med relativt sm\u00e5 \u00e4ndringar i HTML\/CSS\/JS (och ibland i templates\/komponenter). AI kan hj\u00e4lpa till genom att:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>f\u00f6resl\u00e5 \u201cinnan\/efter\u201d-kod<\/li>\n\n\n\n<li>f\u00f6rklara varf\u00f6r \u00e4ndringen beh\u00f6vs (kopplat till WCAG-principer)<\/li>\n\n\n\n<li>ge alternativ om du inte kan \u00e4ndra en viss komponent<\/li>\n<\/ul>\n\n\n\n<p>Det h\u00e4r \u00e4r s\u00e4rskilt v\u00e4rdefullt n\u00e4r du beh\u00f6ver jobba igenom m\u00e5nga liknande fel.<br>\u200d<\/p>\n\n\n\n<p><a href=\"https:\/\/selma.se\/en\/losningar\/\">Selma<\/a>&nbsp;erbjuder en plattform som crawlar webbplatsen, hittar tillg\u00e4nglighetsbrister och ger kodf\u00f6rslag. Ni implementerar \u00e4ndringarna manuellt i er k\u00e4llkod \u2013 med full kontroll.<\/p>\n\n\n\n<p><strong>Testa att scanna er hemsida p\u00e5 v\u00e5r automatiska scanning f\u00f6r en f\u00f6rsta indikation kring tillg\u00e4ngligheten:<\/strong>&nbsp;<a href=\"https:\/\/selma.se\/en\/tillganglighetsscanner\/\">selma.se\/tillganglighetsscanner<\/a><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>AI kan inte l\u00f6sa hela din digitala tillg\u00e4nglighet med ett knapptryck, men det kan bli ditt absolut b\u00e4sta verktyg i processen. Genom att kombinera m\u00e4nsklig bed\u00f6mning med smart AI-st\u00f6d kan du drastiskt snabba p\u00e5 arbetet med WCAG. I den h\u00e4r artikeln g\u00e5r vi igenom hur du anv\u00e4nder AI som en effektiv assistent f\u00f6r att gruppera brister, skriva tr\u00e4ffs\u00e4kra alt-texter och generera konkreta kodf\u00f6rslag. Du sparar tid och slipper gissningslekarna, samtidigt som ditt team beh\u00e5ller den fulla kontrollen \u00f6ver vad som faktiskt hamnar i k\u00e4llkoden.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[],"class_list":["post-729","post","type-post","status-publish","format-standard","hentry","category-tillganglighet"],"acf":[],"_links":{"self":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/729","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=729"}],"version-history":[{"count":6,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/729\/revisions"}],"predecessor-version":[{"id":4220,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/posts\/729\/revisions\/4220"}],"wp:attachment":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/media?parent=729"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/categories?post=729"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/tags?post=729"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}