{"id":158,"date":"2022-11-01T14:05:46","date_gmt":"2022-11-01T12:05:46","guid":{"rendered":"https:\/\/papunet.net\/saavutettavuus\/?page_id=158"},"modified":"2022-12-12T11:49:08","modified_gmt":"2022-12-12T09:49:08","slug":"sjalvtestning-av-tillganglighet","status":"publish","type":"page","link":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/anvisningar-och-guider\/utvardering-av-tillganglighet\/sjalvtestning-av-tillganglighet\/","title":{"rendered":"Sj\u00e4lvtestning av tillg\u00e4nglighet"},"content":{"rendered":"\n<p>Det \u00e4r sk\u00e4l att ocks\u00e5 sj\u00e4lv testa webbplatsens tillg\u00e4nglighet. D\u00e5 webbplatsens utvecklare sj\u00e4lva testar webbplatsen och s\u00e4tter sig in i olika anv\u00e4ndares situation f\u00e5r de en god bild av sidornas tekniska funktionalitet och delvis ocks\u00e5 av anv\u00e4ndbarheten.<\/p>\n<p>P\u00e5 det h\u00e4r s\u00e4ttet \u00e4r det m\u00f6jligt att observera och korrigera webbplatsens problem \u2013 ocks\u00e5 tillg\u00e4nglighetsproblem.<\/p>\n<p>Det \u00e4r sk\u00e4l att alla som deltar i utvecklingen av webbplatsen testar webbplatsens tillg\u00e4nglighet \u2013 planerare, kodare och inneh\u00e5llsproducenter. Olika anv\u00e4ndare och anv\u00e4ndningssituationer kan simuleras genom att man anv\u00e4nder webbplatsen med olika terminaler, hj\u00e4lpmedel och webbl\u00e4sare.<\/p>\n<p>Man ska observera att testning av en webbplats inte ers\u00e4tter tillg\u00e4nglighets- och anv\u00e4ndbarhetstestning som g\u00f6rs av riktiga anv\u00e4ndare.<\/p>\n<h2>Testning av tillg\u00e4nglighet med hj\u00e4lpmedel<\/h2>\n<p>En webbplats kan testas med olika hj\u00e4lpmedel. Med ett sk\u00e4rml\u00e4sningsprogram \u00e4r det m\u00f6jligt att testa hur en anv\u00e4ndare med synskador upplever webbplatsen och hur webbplatsen l\u00e5ter som uppl\u00e4st.<\/p>\n<p>D\u00e5 man lyssnar p\u00e5 webbsidor med ett sk\u00e4rml\u00e4sningsprogram kan man m\u00e4rka om textinneh\u00e5llet p\u00e5 sidorna \u00e4r sv\u00e5rt att f\u00f6rst\u00e5.<\/p>\n<p>Sk\u00e4rml\u00e4sningsprogram styrs ofta med hj\u00e4lp av tangenter. Med s\u00e5dana program kan man allts\u00e5, \u00e5tminstone delvis, testa webbplatsens tillg\u00e4nglighet ocks\u00e5 f\u00f6r s\u00e5dana anv\u00e4ndares del som anv\u00e4nder dator enbart med hj\u00e4lp av tangentbord.<\/p>\n<h2>Testning av tillg\u00e4nglighet med olika terminaler<\/h2>\n<p>Det \u00e4r sk\u00e4l att testa webbplatsen med s\u00e5 m\u00e5nga olika terminaler som m\u00f6jligt och att f\u00f6rs\u00e4kra sig om att webbplatsen \u00e4r s\u00e5 tillg\u00e4nglig som m\u00f6jligt n\u00e4r man anv\u00e4nder olika terminaler.<\/p>\n<p>Webbplatsens tillg\u00e4nglighet kan vara beroende av vilken utrustning man anv\u00e4nder. Webbplatsen kan se olika ut och fungera p\u00e5 olika s\u00e4tt beroende av om man anv\u00e4nder dator, pekdator eller smarttelefon.<\/p>\n<p>Dessutom kan webbplatsens anv\u00e4ndbarhet vara beroende av olika operativsystem i utrustningen (exempelvis Windows, Mac OS, Linux) och deras olika versioner. Storlek och resolution f\u00f6r utrustningens sk\u00e4rm kan ocks\u00e5 variera.<\/p>\n<p>Vi rekommenderar att webbplatsen testas med f\u00f6ljande terminaler och operativsystem:<\/p>\n<ol>\n<li>PC-datorer: Microsoft Windows 7 och nyare versioner<\/li>\n<li>Mac-datorer: Mac OS<\/li>\n<li>Android-smarttelefoner<\/li>\n<li>iPhone-smarttelefoner<\/li>\n<\/ol>\n<h2>Testning av tillg\u00e4nglighet med olika webbl\u00e4sare och olika versioner av dem<\/h2>\n<p>Att testa en webbplats med s\u00e5 m\u00e5nga olika webbl\u00e4sare och versioner av dem som m\u00f6jligt kan avsl\u00f6ja olika tillg\u00e4nglighetsproblem.<\/p>\n<p>Alla l\u00f6sningar som anv\u00e4nds p\u00e5 en webbplats fungerar n\u00f6dv\u00e4ndigtvis inte med alla olika webbl\u00e4sare eller \u00e4ldre versioner av dem.<\/p>\n<p>Webbplatsens visuella utseende kan vara olika beroende av webbl\u00e4sare. D\u00e5 webbplatsen anv\u00e4nds med n\u00e5got hj\u00e4lpmedel kan den fungera olika i olika webbl\u00e4sare.<\/p>\n<p>Vi rekommenderar att webbplatsen testas med de f\u00f6ljande mest popul\u00e4ra webbl\u00e4sarna:<\/p>\n<ol>\n<li>Chrome<\/li>\n<li>Safari<\/li>\n<li>Internet Explorer<\/li>\n<li>Firefox<\/li>\n<li>Edge<\/li>\n<\/ol>\n<h2>Testning av tillg\u00e4nglighet enbart med tangentbord<\/h2>\n<p>Det \u00e4r viktigt att webbplatsen och alla dess funktioner ocks\u00e5 kan anv\u00e4ndas utan mus. M\u00e5nga anv\u00e4ndare kan bes\u00f6ka webbsidor genom att enbart anv\u00e4nda tangentbord.<\/p>\n<p>Webbplatsens tillg\u00e4nglighet med tangentbord \u00e4r s\u00e4rskilt viktig f\u00f6r personer med synskador som anv\u00e4nder sk\u00e4rml\u00e4sningsprogram och f\u00f6r anv\u00e4ndare som av n\u00e5gon anledning har sv\u00e5rt att anv\u00e4nda mus.<\/p>\n<p>Det \u00e4r sk\u00e4l att anv\u00e4nda tabulatortangenten (Tab\u00a0\u21b9), piltangenterna och Enter-tangenten och samtidigt iaktta f\u00f6ljande:<\/p>\n<ul>\n<li>Fungerar webbplatsens alla funktioner, exempelvis olika element i blanketter, med enbart tangentkommandon?<\/li>\n<li>\u00c4r det klart f\u00f6r anv\u00e4ndaren vilken del av webbplatsen och vilken funktion hen anv\u00e4nder? Markeras exempelvis en kontur kring alla l\u00e4nkar p\u00e5 webbplatsen d\u00e5 den anv\u00e4nds med enbart tabulatortangenten?<\/li>\n<li>R\u00f6r sig mark\u00f6ren som styrs med tabulatortangenten (Tab\u00a0\u21b9) fram\u00e5t p\u00e5 sidan i en logisk ordning d\u00e5 man anv\u00e4nder webbplatsen med tabulatortangent? Mark\u00f6ren ska vanligtvis r\u00f6ra sig fr\u00e5n v\u00e4nster till h\u00f6ger och uppifr\u00e5n ner.<\/li>\n<\/ul>\n<h2>Testning av tillg\u00e4nglighet utan Javascript, Flash och CSS<\/h2>\n<p>Webbsidor som \u00e4r baserade p\u00e5 HTML anv\u00e4nder ofta ocks\u00e5 andra webbtekniker, som Javascript, Flash eller CSS.\u00a0En del av dessa kan i vissa fall f\u00f6rb\u00e4ttra tillg\u00e4ngligheten.<\/p>\n<p>Trots det h\u00e4r \u00e4r det sk\u00e4l att f\u00f6rs\u00e4kra sig om att webbplatsen fungerar och \u00e4r tillg\u00e4nglig ocks\u00e5 om dessa tekniker tagits ur bruk eller om webbl\u00e4saren eller utrustningen inte st\u00f6der dem.<\/p>\n<p>S\u00e4rskilt viktigt \u00e4r att f\u00f6rs\u00e4kra sig om att webbplatsens v\u00e4sentligaste funktioner fungerar utan Javascript och Flash.\u00a0Det finns ingen anledning att planera en webbplats s\u00e5 att exempelvis inloggningen kr\u00e4ver Javascript eller Flash.<\/p>\n<p>I allm\u00e4nhet fungerar sidorna mest tillf\u00f6rlitligt f\u00f6r olika anv\u00e4ndare och \u00e4r s\u00e5 tillg\u00e4ngliga som m\u00f6jligt om de \u00e4r skapade s\u00e5 enkelt som m\u00f6jligt.<\/p>\n<h2>Testning av tillg\u00e4nglighet utan f\u00e4rger och med inverterade f\u00e4rger<\/h2>\n<p>F\u00e4rger \u00e4r ofta ett bra s\u00e4tt att markera inneh\u00e5ll. P\u00e5 en webbplats b\u00f6r f\u00e4rger trots det inte vara det enda s\u00e4ttet att markera betydelse.<\/p>\n<p>Alla anv\u00e4ndare ser inte f\u00e4rger p\u00e5 samma s\u00e4tt. Det h\u00e4r kan bero p\u00e5 exempelvis en synskada, f\u00e4rgblindhet, kulturella skillnader, webbl\u00e4sarens eller utrustningens inst\u00e4llningar eller starkt solsken.<\/p>\n<p>En anv\u00e4ndare med nedsatt syn som bes\u00f6ker en webbplats kanske hellre l\u00e4ser webbsidor med inverterade f\u00e4rger, eftersom en del personer har l\u00e4ttare att l\u00e4sa ljus text p\u00e5 m\u00f6rkt botten.<\/p>\n<p>P\u00e5 grund av det h\u00e4r \u00e4r det viktigt att man p\u00e5 webbsidor inte betonar eller markerar element enbart med f\u00e4rg, det \u00e4r sk\u00e4l att ocks\u00e5 understryka en l\u00e4nktext.<\/p>\n<p>Testa d\u00e4rf\u00f6r webbplatsen och utv\u00e4rdera dess tillg\u00e4nglighet genom att avl\u00e4gsna webbl\u00e4sarens f\u00e4rg och granska webbplatsen som svartvit.<\/p>\n<p>Det \u00e4r viktigt att betydelsen f\u00f6r element som betonas och markeras p\u00e5 olika s\u00e4tt \u00e4r klar f\u00f6r anv\u00e4ndaren ocks\u00e5 utan f\u00e4rger eller d\u00e5 f\u00e4rgerna \u00e4r inverterade.<\/p>\n<h2>F\u00f6rstora webbplatsen med hj\u00e4lp av webbl\u00e4saren<\/h2>\n<p>Vissa anv\u00e4ndare vill f\u00f6rstora textstorleken p\u00e5 inneh\u00e5llet p\u00e5 webbplatser via webbl\u00e4saren om textstorleken \u00e4r alltf\u00f6r liten f\u00f6r att kunna l\u00e4sas av dem.<\/p>\n<p>Testa att det \u00e4r m\u00f6jligt att f\u00f6rstora webbplatsen via webbl\u00e4saren \u00e4nda upp till 200 procent. S\u00e4kerst\u00e4ll att webbplatsens struktur forts\u00e4ttningsvis h\u00e5ller ihop och att inneh\u00e5llet \u00e4r l\u00e4sbart och begripligt.<\/p>\n<h2>Automatiska verktyg f\u00f6r tillg\u00e4nglighetsgranskning<\/h2>\n<p>Automatiska granskningsverktyg \u00e4r bra till\u00e4gg f\u00f6r granskning av webbplatsers tillg\u00e4nglighet. De kan hj\u00e4lpa utvecklare av webbplatser att hitta olika tekniska tillg\u00e4nglighetsproblem i webbplatsens k\u00e4llkod.<\/p>\n<p>Granskningsverktyg r\u00e4cker i sig inte p\u00e5 l\u00e5ngt n\u00e4r till f\u00f6r att observera alla tillg\u00e4nglighetsproblem och kan inte heller f\u00f6resl\u00e5 l\u00f6sningar till problemen.<\/p>\n<p>Det \u00e4r sk\u00e4l att ocks\u00e5 testa webbsidor med automatiska granskningsverktyg, som ocks\u00e5 granskar sidans HTML-k\u00e4llkod och ibland ocks\u00e5 CSS-k\u00e4llkoden. Verktygen s\u00f6ker i koden fram m\u00f6jliga kritiska fel med avseende p\u00e5 tillg\u00e4ngligheten.<\/p>\n<p>Att l\u00f6sa dessa problem g\u00f6r webbplatsen tekniskt sett tillg\u00e4nglig f\u00f6r anv\u00e4ndare av hj\u00e4lpmedel.<\/p>\n<p>En del av granskningsverktygen \u00e4r insticksprogram f\u00f6r webbl\u00e4saren och en del fungerar som en webbtj\u00e4nst.<\/p>\n<p>I webbtj\u00e4nsten kopierar man in internetadressen f\u00f6r sidan som ska granskas, varefter tj\u00e4nsten granskar sidans tillg\u00e4nglighet. I allm\u00e4nhet granskar verktygen endast en undersida \u00e5t g\u00e5ngen.<\/p>\n<p>Det finns ocks\u00e5 verktyg f\u00f6r att granska m\u00f6rkhetskontrasten mellan text och bakgrund. I m\u00e5nga anvisningar om tillg\u00e4nglighet finns noggrant angivna v\u00e4rden f\u00f6r m\u00f6rkhetskontrast. Dessa v\u00e4rden ska uppfyllas f\u00f6r att webbplatsen ska vara tillg\u00e4nglig.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Det \u00e4r sk\u00e4l att ocks\u00e5 sj\u00e4lv testa webbplatsens tillg\u00e4nglighet. D\u00e5 webbplatsens utvecklare sj\u00e4lva testar webbplatsen och s\u00e4tter sig in i olika anv\u00e4ndares situation f\u00e5r de en god bild av sidornas tekniska funktionalitet och delvis ocks\u00e5 av [&hellip;]<span class=\"moretag\">L\u00e4s mer \u2026<\/span><\/p>\n","protected":false},"author":10,"featured_media":0,"parent":155,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-158","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/158","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=158"}],"version-history":[{"count":0,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/158\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/pages\/155"}],"wp:attachment":[{"href":"https:\/\/papunet.net\/saavutettavuus\/pa-svenska\/wp-json\/wp\/v2\/media?parent=158"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}