{"id":1290,"date":"2026-05-21T18:49:25","date_gmt":"2026-05-21T18:49:25","guid":{"rendered":"https:\/\/selma.se\/?page_id=1290"},"modified":"2026-06-05T22:28:48","modified_gmt":"2026-06-05T22:28:48","slug":"wcag-2-2","status":"publish","type":"page","link":"https:\/\/selma.se\/en\/wcag-2-2\/","title":{"rendered":"WCAG 2.2"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n

Tillg\u00e4nglighet enligt WCAG 2.2<\/h1>\n\n\n\n

F\u00f6r att v\u00e5r webbplats ska vara tillg\u00e4nglig f\u00f6r alla – inklusive personer med funktionsneds\u00e4ttning – arbetar vi i linje med riktlinjerna i WCAG 2.2 niv\u00e5 AA.<\/p>\n\n\n\n

Det inneb\u00e4r bland annat att:<\/p>\n\n\n\n

    \n
  • Alla bilder har alternativtext f\u00f6r sk\u00e4rml\u00e4sare<\/li>\n\n\n\n
  • Video och ljud har undertexter eller transkriptioner<\/li>\n\n\n\n
  • Text har tillr\u00e4cklig kontrast mot bakgrunden<\/li>\n\n\n\n
  • Inneh\u00e5llet g\u00e5r att f\u00f6rstora upp till 200 %<\/li>\n\n\n\n
  • Navigation fungerar med tangentbord<\/li>\n\n\n\n
  • Fokusmarkeringar \u00e4r tydliga och synliga vid tangentbordsnavigering<\/li>\n\n\n\n
  • L\u00e4nkar \u00e4r tydliga och beskrivande<\/li>\n\n\n\n
  • Formul\u00e4r \u00e4r korrekt m\u00e4rkta och ger tydlig feedback vid fel<\/li>\n\n\n\n
  • Webbplatsens spr\u00e5k \u00e4r korrekt angivet<\/li>\n\n\n\n
  • Inneh\u00e5ll fungerar p\u00e5 alla enheter och sk\u00e4rmstorlekar<\/li>\n\n\n\n
  • Knappar och interaktiva element har tillr\u00e4ckligt stora klickytor f\u00f6r touch och motorisk tillg\u00e4nglighet<\/li>\n\n\n\n
  • Funktioner som anv\u00e4nder drag- eller svepr\u00f6relser kan \u00e4ven anv\u00e4ndas med enklare interaktioner<\/li>\n\n\n\n
  • Inget inneh\u00e5ll blinkar p\u00e5 ett s\u00e4tt som kan orsaka problem<\/li>\n<\/ul>\n\n\n\n

    M\u00e5let \u00e4r att alla anv\u00e4ndare ska kunna uppfatta, hantera och f\u00f6rst\u00e5 inneh\u00e5llet \u2013 oavsett f\u00f6rm\u00e5ga eller tekniskt hj\u00e4lpmedel.<\/p>\n\n\n\n

    L\u00e4s mer om riktlinjerna p\u00e5 w3.org\/WCAG.<\/p>\n\n\n\n

    De fyra grundprinciperna i WCAG<\/h4>\n\n\n\n

    F\u00f6r att en webbplats ska f\u00f6lja WCAG beh\u00f6ver den uppfylla kriterier inom fyra grundprinciper:<\/p>\n\n\n\n

      \n
    • Perceivable (M\u00e4rkbar)<\/li>\n\n\n\n
    • Operable (Anv\u00e4ndbar)<\/li>\n\n\n\n
    • Understandable (F\u00f6rst\u00e5elig)<\/li>\n\n\n\n
    • Robust<\/li>\n<\/ul>\n\n\n\n

      Dessa principer f\u00f6rkortas ofta POUR.<\/p>\n\n\n\n

      1. Perceivable \u2013 Informationen ska vara m\u00e4rkbar<\/h4>\n\n\n\n
        \n
      • Alternativtext f\u00f6r bilder<\/li>\n\n\n\n
      • Textalternativ f\u00f6r ljud och video<\/li>\n\n\n\n
      • Semantisk HTML-struktur<\/li>\n\n\n\n
      • F\u00e4rg f\u00e5r inte vara enda informationsb\u00e4rare<\/li>\n\n\n\n
      • Minst 4.5:1 kontrast f\u00f6r normal text<\/li>\n\n\n\n
      • M\u00f6jlighet att f\u00f6rstora text upp till 200 %<\/li>\n\n\n\n
      • Responsiv design f\u00f6r mobil och mindre sk\u00e4rmar<\/li>\n\n\n\n
      • Korrekt m\u00e4rkta formul\u00e4rf\u00e4lt<\/li>\n<\/ul>\n\n\n\n

        2. Operable \u2013 Gr\u00e4nssnittet ska vara anv\u00e4ndbart<\/h4>\n\n\n\n
          \n
        • All funktionalitet ska fungera med tangentbord<\/li>\n\n\n\n
        • Ingen keyboard trap f\u00e5r f\u00f6rekomma<\/li>\n\n\n\n
        • Inget inneh\u00e5ll f\u00e5r blinka mer \u00e4n tre g\u00e5nger per sekund<\/li>\n\n\n\n
        • Anv\u00e4ndare ska kunna pausa r\u00f6rligt inneh\u00e5ll<\/li>\n\n\n\n
        • Tydliga fokusindikatorer ska visas vid tangentbordsnavigering<\/li>\n\n\n\n
        • L\u00e4nkar ska vara beskrivande<\/li>\n\n\n\n
        • Det ska finnas flera s\u00e4tt att hitta inneh\u00e5ll<\/li>\n\n\n\n
        • Komplexa gester ska kunna ers\u00e4ttas med enklare interaktioner<\/li>\n\n\n\n
        • Interaktiva element ska ha tillr\u00e4ckligt stora klickytor<\/li>\n<\/ul>\n\n\n\n

          3. Understandable \u2013 Inneh\u00e5ll ska vara l\u00e4tt att f\u00f6rst\u00e5<\/h4>\n\n\n\n
            \n
          • Webbplatsens spr\u00e5k ska vara korrekt angivet<\/li>\n\n\n\n
          • Navigering ska vara konsekvent<\/li>\n\n\n\n
          • Felmeddelanden ska vara tydliga<\/li>\n\n\n\n
          • Formul\u00e4r ska ha instruktioner och etiketter<\/li>\n\n\n\n
          • Anv\u00e4ndare ska f\u00e5 hj\u00e4lp att r\u00e4tta fel<\/li>\n\n\n\n
          • Viktiga handlingar ska kunna granskas f\u00f6re skickning<\/li>\n\n\n\n
          • Anv\u00e4ndare ska inte beh\u00f6va ange samma information flera g\u00e5nger i formul\u00e4r<\/li>\n\n\n\n
          • Autentiseringsfl\u00f6den ska minimera kognitiv belastning och st\u00f6dja hj\u00e4lpmedel<\/li>\n<\/ul>\n\n\n\n

            4. Robust \u2013 Inneh\u00e5llet ska fungera i olika tekniker<\/h4>\n\n\n\n
              \n
            • HTML-koden ska vara korrekt och validerad<\/li>\n\n\n\n
            • Element ska ha namn, roll och v\u00e4rde<\/li>\n\n\n\n
            • Statusmeddelanden ska kunna uppfattas av hj\u00e4lpmedel<\/li>\n<\/ul>\n\n\n\n

              Konformitetsniv\u00e5er<\/h4>\n\n\n\n
                \n
              • Niv\u00e5 A<\/strong> \u2013 grundl\u00e4ggande krav<\/li>\n\n\n\n
              • Niv\u00e5 AA<\/strong> \u2013 vanligaste lagkravet enligt EU:s tillg\u00e4nglighetsdirektiv<\/li>\n\n\n\n
              • Niv\u00e5 AAA<\/strong> \u2013 h\u00f6gsta tillg\u00e4nglighetsniv\u00e5<\/li>\n<\/ul>\n\n\n\n

                Selmas rekommendation<\/h4>\n\n\n\n

                Vi p\u00e5 Selma tror att verklig WCAG-efterlevnad kr\u00e4ver b\u00e5de AI-teknologi och m\u00e4nsklig bed\u00f6mning.<\/p>\n\n\n\n

                AI \u00e4r v\u00e4rdefullt f\u00f6r att automatiskt identifiera vanliga tillg\u00e4nglighetsproblem, genomf\u00f6ra kontinuerlig \u00f6vervakning och implementera standardiserade \u00e5tg\u00e4rder snabbt och skalbart.<\/p>\n\n\n\n

                M\u00e4nsklig expertis \u00e4r samtidigt avg\u00f6rande f\u00f6r kontextuell f\u00f6rst\u00e5else, anv\u00e4ndarupplevelse och kvalitetss\u00e4kring av komplexa interaktioner.<\/p>\n\n\n\n

                Digital tillg\u00e4nglighet \u00e4r inte en eng\u00e5ngs\u00e5tg\u00e4rd. Inneh\u00e5ll f\u00f6r\u00e4ndras, nya funktioner l\u00e4ggs till och riktlinjer utvecklas \u00f6ver tid.<\/p>\n\n\n\n

                Genom att kombinera AI:s effektivitet med m\u00e4nsklig expertis effektiviserar Selma v\u00e4gen till WCAG-efterlevnad utan att kompromissa med kvalitet.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

                Vi arbetar i linje med WCAG 2.2 niv\u00e5 AA f\u00f6r att skapa en inkluderande och tillg\u00e4nglig webbupplevelse f\u00f6r alla anv\u00e4ndare. H\u00e4r beskriver vi de viktigaste principerna bakom digital tillg\u00e4nglighet, vilka tekniska krav som g\u00e4ller och hur Selma kombinerar AI och m\u00e4nsklig expertis f\u00f6r att effektivisera arbetet med l\u00e5ngsiktig WCAG-efterlevnad.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1290","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/pages\/1290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/types\/page"}],"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=1290"}],"version-history":[{"count":6,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/pages\/1290\/revisions"}],"predecessor-version":[{"id":4487,"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/pages\/1290\/revisions\/4487"}],"wp:attachment":[{"href":"https:\/\/selma.se\/en\/wp-json\/wp\/v2\/media?parent=1290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}