Compliance-analys · WCAG 2.1 AA / EN 301 549

Elgiganten

https://www.elgiganten.se/
Analysdatum
2026-06-04
Motorer
5
Rapportstatus
Komplett

Bedömt på desktop-vyn.

Konformans-estimat

Uppfyller troligen inte tillgänglighetskravet (WCAG AA)

Minst en verifierad Level A-brist (critical eller serious) hittades. Se topp-åtgärder nedan för konkreta steg.

Mätt mot WCAG 2.1 AA enligt EN 301 549 — den gemensamma tekniska kärnan i både tillgänglighetslagen (EAA, privat sektor) och DOS-lagen (offentlig sektor).

Detta bekräftar inte efterlevnad. Automatisk analys täcker bara en del av WCAG, omfattar inte inloggade flöden eller dokument, och ersätter inte manuell granskning och test med hjälpmedel.

Revisorns
sammanfattning

Analysen av elgiganten.se identifierade totalt 16 tillgänglighetsproblem, varav 4 brister mot WCAG 2.1 Level A – de grundläggande baskraven som inte får åsidosättas. Bland de mest kritiska fynden märks felaktig liststruktur där ankarelement placerats som direkta barn till listelement (WCAG 1.3.1), vilket bryter semantiken och försvårar navigering med hjälpmedel, samt avsaknad av tillgänglighetsredogörelse i enlighet med EN 301 549 § 12.1.2 – ett krav som gäller offentlig sektor under DOS-lagen och privat sektor under EAA från och med 28 juni 2025. Därtill förekommer ett flertal icke-beskrivande länk- och knapptexter på engelska (bl.a. 'Submit', 'info', 'Previous/Next') som försämrar förståelsen för skärmläsaranvändare. Sajtens samlade bild bedöms som likely-non-conformant mot WCAG 2.1 AA, vilket utgör den tekniska kärnan i både DOS-lagen och EAA.

— Syntetiserad av Flowscan · Compliance-analys

Analyserad sida

Skärmdump av https://www.elgiganten.se/
Visa "före samtycke"-bilden (vad besökaren möter innan cookie-banner stängs)
Skärmdump av https://www.elgiganten.se/ med cookie-banner uppe

Topp 5 prioriterade åtgärder

  1. 01

    <ul> and <ol> must only directly contain <li>, <script> or <template> elements

    Lagkrav

    WCAG 1.3.1 · Nivå A · serious

    Fix all of the following: List element has direct children that are not allowed: a

    Lagrisk: Bryter mot tillgänglighetskravet (WCAG A · EN 301 549)

    Hittades här

    .sm\:grid-cols-3

    <ul data-component="Tiles" data-cms="tiles" class="cms-module-container module-spacing-x grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 lg:gap-8 md:grid-rows-auto-content-height relative" style="--nr-of-rows:1">
  2. 02

    <li> elements must be contained in a <ul> or <ol>

    Lagkrav

    WCAG 1.3.1 · Nivå A · serious

    Fix any of the following: List item does not have a <ul>, <ol> parent element

    Lagrisk: Bryter mot tillgänglighetskravet (WCAG A · EN 301 549)

    Hittades här

    button:nth-child(1) > .xl\:flex-col.text-\(--header-text\).px-4

    + 2 ytterligare element av samma typ

    <li class="group flex h-full cursor-pointer items-center justify-center gap-2 px-4 text-(--header-text) xl:flex-col">
  3. 03

    Saknad tillgänglighetsredogörelse

    Lagkrav

    EN301549 12.1.2 · Nivå A (legal) · serious

    Publicera en tillgänglighetsredogörelse och länka till den från sidfoten på varje sida. Länken bör innehålla ordet "tillgänglighet" i text eller URL (t.ex. /tillganglighetsredogorelse, "Tillgänglighet").

    Lagrisk: Bryter mot tillgänglighetskravet (WCAG A · EN 301 549)

  4. 04

    Saknad feedback-mekanism för tillgänglighetsfrågor

    Lagkrav

    EN301549 12.1.2 · Nivå A (legal) · moderate

    Inkludera i tillgänglighetsredogörelsen en tydlig väg att rapportera brister: e-post (t.ex. [email protected]), formulär, eller länk till kundtjänst med ärendetyp "tillgänglighet".

    Lagrisk: Bryter mot tillgänglighetskravet (WCAG A · EN 301 549)

  5. 05

    All touch targets must be 24px large, or leave sufficient space

    WCAG AA-standard

    WCAG 2.5.8 · Nivå AA · serious

    Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px.

    Lagrisk: Uppfyller ej tillgänglighetskravet (WCAG AA · EN 301 549)

    Hittades här

    .heromedia[data-cms="hero-media"]:nth-child(2) > .swiper-hero-media.show-pages.max-w-full > .pages.left-1\/2.-translate-x-1\/2 > .m-2.bg-white\/60.py-0 > .page-dots.flex > .p-\[6px\][title="Page 1"]

    + 3 ytterligare element av samma typ

    <button title="Page 1" class="flex p-[6px]"><span class="block m-auto cursor-pointer rounded-full size-2 bg-accent outline outline-1 outline-white"></span></button>

Alla fynd per dimension

Topp 5 ovan är ett urval — här hittar du varje enskilt fynd grupperat per dimension. Klicka på en grupp för att fälla ihop.

Visuell2 fynd
  1. Text inbäddad i bild utan motsvarighet i DOM

    Möjlig bristFörekommer på 2 ställen

    WCAG 1.4.5 · Nivå AA · serious

    Lyft texten ur bilden till HTML. Använd <img> för det visuella elementet och placera texten som riktig text bredvid eller över bilden med CSS. Om texten är dekorativ och inte ska läsas, sätt alt='' eller role='presentation'.

    Förekomster

    Hittades här

    #contentbean:6740898

    899840
    
    BARA I
    HELGEN
    
    TCL 🏅
    Worldwide Olympic Partner
    
    65''
    
    QLED
    
    AiPQ Processor
    
    Dolby Atmos
    
    Dolby
    VISION HDR
    
    Google TV
    
    HALVA PRISET
    
    4990:-
    
    Tidigare pris 9990:-
    TCL 65" QLED780K 4K
    QLED TV (2025)
    
    Köp nu
    
    F A↑
    G
    
    Starta chatt
    
    Live shopping

    Bildregion: 1440×540 px @ (x:-3, y:308)

    Hittades här

    #contentbean:6733726

    FÅ MER VITVAROR FÖR PENGARNA
    Från Electrolux & AEG
    UPP TILL
    35%
    RABATT
    Se alla deals

    Bildregion: 1440×240 px @ (x:0, y:2141)

Tangentbord & interaktion1 fynd
  1. Synlig fokusindikator kunde inte upptäckas

    Möjlig brist

    WCAG 2.4.7 · Nivå AA · moderate

    Lägg till en tydlig :focus-visible-stil (outline: 2px solid; outline-offset: 2px; eller likvärdig box-shadow). Tag aldrig bort default-outline utan ersättare.

    Hittades här

    #autocomplete-2-input

Språk & begriplighet8 fynd
  1. Icke-beskrivande navigeringsknappar: Previous/Next

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · serious

    Byt till svenska och lägg till kontext, t.ex. 'Föregående produkt' och 'Nästa produkt', eller lägg till ett aria-label som beskriver sammanhanget.

    Hittades här

    button.hide-with-overlay.prevBtn

    + 3 ytterligare element av samma typ

    Previous

    Bildregion: 48×48 px @ (x:16, y:196)

  2. Icke-beskrivande länktext: 'info'

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · serious

    Ersätt med beskrivande text, t.ex. 'Mer info om [produktnamn]', eller lägg till ett aria-label med produktnamnet.

    Hittades här

    button.relative.z-99

    + 3 ytterligare element av samma typ

    info

    Bildregion: 16×16 px @ (x:577, y:1863)

  3. Knapptext 'Submit' på engelska

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · serious

    Byt till svenska med beskrivande text, t.ex. 'Sök' eller 'Skicka', beroende på formulärets syfte.

    Hittades här

    button.aa-SubmitButton

    Submit

    Bildregion: 24×24 px @ (x:1080, y:74)

  4. Icke-beskrivande sidnavigeringsknappar: Page 1–4

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · moderate

    Byt till svenska, t.ex. 'Sida 1 av 4', och lägg till kontext om vad som pagineras, t.ex. 'Sida 1 av 4 i produktkarusellen'.

    Hittades här

    button.flex.p-[6px]

    + 3 ytterligare element av samma typ

    Page 1

    Bildregion: 20×20 px @ (x:664, y:818)

  5. Icke-beskrivande mediekontroll: Play/Pause på engelska

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · moderate

    Byt till svenska, t.ex. 'Spela upp/pausa bildspel', och lägg till ett aria-label som beskriver vilket innehåll som styrs.

    Hittades här

    button.playPauseBtn.size-6

    + 1 ytterligare element av samma typ

    Play/Pause

    Bildregion: 24×24 px @ (x:752, y:816)

  6. Länktext 'More information about ratings' på engelska

    Möjlig brist

    WCAG 2.4.4 · Nivå AA · moderate

    Byt till svenska, t.ex. 'Mer information om betyg'.

    Hittades här

    button.z-99.cursor-pointer

    + 3 ytterligare element av samma typ

    More information about ratings

    Bildregion: 16×16 px @ (x:593, y:1805)

  7. Teknisk jargong i produktbeskrivningar utan förklaring

    Möjlig brist

    Klarspråk · Nivå AA · minor

    Lägg till korta förklaringar eller tooltips för tekniska termer, t.ex. 'M.2 SSD (snabb lagring)' eller länka till en förklaringssida.

    Hittades här

    li.relative.w-full

    16 GB LPDDR5 RAM, 512 GB M.2 SSD

    Bildregion: 248×20 px @ (x:1504, y:1863)

  8. Juridiskt/byråkratiskt språk i cookiebanner

    Möjlig brist

    Klarspråk · Nivå AA · minor

    Byt till enklare formulering, t.ex. 'Du kan när som helst ändra dina cookieval genom att klicka på länken längst ned på sidan.'

    Hittades här

    p

    Du kan när som helst återkalla eller ändra ditt samtycke genom att klicka på länken längst ned på sidan.

    Bildregion: 520×60 px @ (x:460, y:419)

Kod & semantik3 fynd
  1. <ul> and <ol> must only directly contain <li>, <script> or <template> elements

    Lagkrav

    WCAG 1.3.1 · Nivå A · serious

    Fix all of the following: List element has direct children that are not allowed: a

    Hittades här

    .sm\:grid-cols-3

    <ul data-component="Tiles" data-cms="tiles" class="cms-module-container module-spacing-x grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-4 lg:gap-8 md:grid-rows-auto-content-height relative" style="--nr-of-rows:1">
  2. <li> elements must be contained in a <ul> or <ol>

    Lagkrav

    WCAG 1.3.1 · Nivå A · serious

    Fix any of the following: List item does not have a <ul>, <ol> parent element

    Hittades här

    button:nth-child(1) > .xl\:flex-col.text-\(--header-text\).px-4

    + 2 ytterligare element av samma typ

    <li class="group flex h-full cursor-pointer items-center justify-center gap-2 px-4 text-(--header-text) xl:flex-col">
  3. All touch targets must be 24px large, or leave sufficient space

    WCAG AA-standard

    WCAG 2.5.8 · Nivå AA · serious

    Fix any of the following: Target has insufficient size (20px by 20px, should be at least 24px by 24px) Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 16px instead of at least 24px.

    Hittades här

    .heromedia[data-cms="hero-media"]:nth-child(2) > .swiper-hero-media.show-pages.max-w-full > .pages.left-1\/2.-translate-x-1\/2 > .m-2.bg-white\/60.py-0 > .page-dots.flex > .p-\[6px\][title="Page 1"]

    + 3 ytterligare element av samma typ

    <button title="Page 1" class="flex p-[6px]"><span class="block m-auto cursor-pointer rounded-full size-2 bg-accent outline outline-1 outline-white"></span></button>
Lagartefakter2 fynd
  1. Saknad tillgänglighetsredogörelse

    Lagkrav

    EN301549 12.1.2 · Nivå A (legal) · serious

    Publicera en tillgänglighetsredogörelse och länka till den från sidfoten på varje sida. Länken bör innehålla ordet "tillgänglighet" i text eller URL (t.ex. /tillganglighetsredogorelse, "Tillgänglighet").

  2. Saknad feedback-mekanism för tillgänglighetsfrågor

    Lagkrav

    EN301549 12.1.2 · Nivå A (legal) · moderate

    Inkludera i tillgänglighetsredogörelsen en tydlig väg att rapportera brister: e-post (t.ex. [email protected]), formulär, eller länk till kundtjänst med ärendetyp "tillgänglighet".

Lagartefakt-status (EN 301 549 § 12.1.2)

Tillgänglighetsredogörelse
Saknas

Tillgänglighetsredogörelse krävs enligt Tillgänglighetslagen.

Feedback-mekanism
Hittades ej på analyserad sida

Kontrollera manuellt om feedback-mekanismen finns på tillgänglighetsredogörelsen eller en kontaktsida — vi har bara sökt igenom den analyserade sidan.

Lighthouse (informationskontext)

Performance

31

Accessibility

79

Best Practices

92

SEO

85

Lighthouse rapporterar tillgänglighetspoäng 79. Tillgänglighetsefterlev nad bedöms inte via Lighthouse — verktyget fångar ca en tredjedel av WCAG-kraven. Vår analys identifierade 16 tillgänglighetsproblem, varav 4 brister mot WCAG Level A-baskraven.

Lighthouse är Googles automatiserade mätverktyg — en välkänd referenspunkt. Tillgänglighets-efterlevnad bedöms inte via Lighthouse-poängen; verktyget fångar ca en tredjedel av WCAG-kraven. Vår WCAG-analys identifierar det Lighthouse missar.